{"id":2106,"date":"2026-09-29T06:51:55","date_gmt":"2026-09-29T06:51:55","guid":{"rendered":"https:\/\/kingndmagnet.com\/?page_id=2106"},"modified":"2026-10-29T09:28:20","modified_gmt":"2026-10-29T09:28:20","slug":"%ec%98%81%ec%97%ad-%ea%b1%b0%eb%a6%ac-%ea%b3%84%ec%82%b0%ea%b8%b0","status":"publish","type":"page","link":"https:\/\/kingndmagnet.com\/ko\/tools\/field-distance-calculator\/","title":{"rendered":"\uc601\uc5ed \uac70\ub9ac \uacc4\uc0b0\uae30"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2106\" class=\"elementor elementor-2106\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e14521 e-flex e-con-boxed e-con e-parent\" data-id=\"6e14521\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09dfe8b logo-watermark logo-watermark-scatter elementor-widget elementor-widget-html\" data-id=\"09dfe8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Magnetic Field Strength vs. Distance Calculator | King-Nd Magnet<\/title>\r\n<style>\r\n    :root {\r\n        --primary-blue: #002ea7;\r\n        --primary-hover: #001f7a;\r\n        --bg-light: #e6e8f5;\r\n        --card-bg: #ffffff;\r\n        --text-dark: #172b4d;\r\n        --text-muted: #5e6c84;\r\n        --border-color: #dfe1e6;\r\n        --accent-red: #e61373;\r\n    }\r\n    * { box-sizing: border-box; margin: 0; padding: 0; }\r\n    body {\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n        background-color: var(--bg-light);\r\n        color: var(--text-dark);\r\n        line-height: 1.6;\r\n        padding: 30px 15px;\r\n    }\r\n    .calc-container { max-width: 960px; margin: 0 auto; }\r\n    .page-header { text-align: center; margin-bottom: 30px; }\r\n    .page-header h1 { font-size: 28px; font-weight: 700; color: var(--text-dark); margin-bottom: 8px; }\r\n    .page-header p { font-size: 15px; color: var(--text-muted); max-width: 660px; margin: 0 auto; }\r\n\r\n    .calc-card, .chart-card { background: var(--card-bg); border-radius: 12px; box-shadow: 0 4px 16px rgba(9, 30, 66, 0.08); padding: 30px; margin-bottom: 30px; }\r\n\r\n    .shape-tabs { display: flex; gap: 10px; border-bottom: 2px solid var(--border-color); margin-bottom: 25px; overflow-x: auto; }\r\n    .tab-btn { padding: 10px 20px; font-size: 15px; font-weight: 600; background: none; border: none; border-bottom: 3px solid transparent; color: var(--text-muted) !important; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; }\r\n    .tab-btn.active { color: var(--primary-blue) !important; border-bottom-color: var(--primary-blue); }\r\n    .tab-btn:hover:not(.active) { color: var(--text-dark) !important; }\r\n\r\n    .section-title { font-size: 19px; font-weight: 700; color: var(--text-dark); margin-bottom: 6px; }\r\n    h3.sub-title { font-size: 15px; font-weight: 700; color: var(--primary-blue); margin: 22px 0 6px; }\r\n    p.body-text { font-size: 13px; color: var(--text-dark); margin-bottom: 10px; max-width: 760px; }\r\n    p.ref-line { font-size: 12px; color: var(--text-muted); margin-bottom: 10px; }\r\n    .section-intro { font-size: 13px; color: var(--text-muted); margin-bottom: 18px; max-width: 640px; }\r\n\r\n    .calc-grid { display: grid; grid-template-columns: 240px 1fr; gap: 30px; align-items: start; }\r\n    @media (max-width: 768px) { .calc-grid { grid-template-columns: 1fr; } }\r\n\r\n    .diagram-box { background: #fafbfc; border: 1px solid var(--border-color); border-radius: 8px; padding: 20px; text-align: center; min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; }\r\n    .diagram-box svg { width: 100%; height: 170px; }\r\n    .diagram-caption { font-size: 12px; color: var(--text-muted); margin-top: 10px; line-height: 1.5; }\r\n\r\n    .form-group { margin-bottom: 18px; }\r\n    .form-group label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; }\r\n    .form-control { width: 100%; padding: 10px 12px; font-size: 14px; border: 1px solid var(--border-color); border-radius: 6px; outline: none; transition: border-color 0.2s; background: #fff; font-family: inherit; }\r\n    .form-control:focus { border-color: var(--primary-blue); }\r\n    .inputs-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }\r\n    .shape-field[data-shape] { display: none; }\r\n    .shape-field.active { display: block; }\r\n\r\n    .results-panel { background: var(--primary-blue); color: #ffffff; border-radius: 8px; padding: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 20px; margin-top: 24px; }\r\n    .result-item { display: flex; flex-direction: column; }\r\n    .result-item .label { font-size: 12px; color: #ffffff !important; opacity: 0.85; margin-bottom: 4px; }\r\n    .result-item .value { font-size: 20px; font-weight: 700; color: #ffffff !important; }\r\n\r\n    .fd-entry { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 18px; padding: 18px 22px; border-radius: 10px; background: linear-gradient(135deg, #e61373 0%, #b30e58 100%); }\r\n    .fd-entry-text { flex: 1 1 260px; min-width: 0; }\r\n    .fd-entry-kicker { display: block; font-size: 21px; font-weight: 800; line-height: 1.25; color: #ffffff !important; }\r\n    .fd-entry-spec { display: block; margin: 4px 0 8px; font-size: 14px; font-weight: 600; line-height: 1.35; color: #ffffff !important; opacity: 0.95; }\r\n    .fd-entry-sub { display: block; font-size: 14px; line-height: 1.5; color: #ffffff !important; }\r\n    .fd-entry-pill { display: inline-block; margin-right: 8px; padding: 2px 10px; background: #ffffff; border-radius: 999px; color: #b30e58 !important; font-size: 12px; font-weight: 800; vertical-align: 1px; }\r\n    .fd-entry-btn { flex: none; display: inline-block; padding: 13px 26px; background: #ffffff; color: #b30e58 !important; font-size: 15px; font-weight: 700; border-radius: 8px; text-decoration: none !important; animation: fdPulse 2.2s ease-out infinite; transition: transform 0.2s; }\r\n    .fd-entry-btn:hover { transform: translateY(-2px); animation: none; }\r\n    @keyframes fdPulse {\r\n        0%   { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.65); }\r\n        70%  { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0); }\r\n        100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) { .fd-entry-btn { animation: none; } }\r\n\r\n    .svg-container { width: 100%; height: 320px; }\r\n    .chart-card svg { width: 100%; height: 100%; overflow: visible; }\r\n\r\n    .disclaimer-card { margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--border-color); }\r\n    .disclaimer-card h3 { color: var(--accent-red); font-size: 15px; font-weight: 700; margin-bottom: 6px; }\r\n    .disclaimer-card p { font-size: 13px; color: #42526e; }\r\n\r\n    .cta-box { background: linear-gradient(135deg, #002ea7 0%, #001f7a 100%); color: #ffffff; border-radius: 12px; padding: 28px 32px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }\r\n    .cta-content h3 { font-size: 20px; margin-bottom: 6px; color: #ffffff !important; }\r\n    .cta-content p { font-size: 14px; color: #ffffff !important; opacity: 0.9; }\r\n    .btn-cta { background-color: #ffffff; color: var(--primary-blue) !important; padding: 12px 28px; font-size: 15px; font-weight: 700; border-radius: 6px; text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s; }\r\n    .btn-cta:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"calc-container\">\r\n\r\n    <div class=\"page-header\">\r\n        <h1>Magnetic Field Strength vs. Distance Calculator<\/h1>\r\n        <p>This calculator shows how a magnet's field weakens with distance. It works for disc, cylinder and block magnets. In addition, the distance runs along the axis from the pole face. Use it to plan sensor gaps, actuator strokes and holding-force designs.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"calc-card\">\r\n\r\n        <div class=\"shape-tabs\">\r\n            <button class=\"tab-btn active\" data-shape=\"cyl\">Disc \/ Cylinder (Axial)<\/button>\r\n            <button class=\"tab-btn\" data-shape=\"blk\">Block (Through-Thickness)<\/button>\r\n        <\/div>\r\n\r\n        <h2 class=\"section-title\">Enter Magnet and Distance Details<\/h2>\r\n        <p class=\"section-intro\">First, enter the grade or Br of your magnet. Then add its dimensions and the distance from the pole face that you want to check.<\/p>\r\n\r\n        <div class=\"calc-grid\">\r\n\r\n            <div class=\"diagram-box\">\r\n                <div id=\"fdSvgWrapper\" style=\"width:100%\"><\/div>\r\n                <div class=\"diagram-caption\" id=\"fdCaption\">Diameter (D), magnetized thickness (L), distance from pole face (z).<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"calc-form\">\r\n                <div class=\"inputs-row\">\r\n                    <div class=\"form-group\">\r\n                        <label for=\"fdGrade\">Grade (typical Br)<\/label>\r\n                        <select id=\"fdGrade\" class=\"form-control\"><\/select>\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"fdBr\">Br (T)<\/label>\r\n                        <input type=\"number\" step=\"0.01\" id=\"fdBr\" class=\"form-control\" value=\"1.31\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"inputs-row\">\r\n                    <div class=\"form-group shape-field active\" data-shape=\"cyl\">\r\n                        <label for=\"fdD\">Diameter D<\/label>\r\n                        <input type=\"number\" step=\"any\" id=\"fdD\" class=\"form-control\" value=\"10\">\r\n                    <\/div>\r\n                    <div class=\"form-group shape-field\" data-shape=\"blk\">\r\n                        <label for=\"fdA\">Length L<\/label>\r\n                        <input type=\"number\" step=\"any\" id=\"fdA\" class=\"form-control\" value=\"20\">\r\n                    <\/div>\r\n                    <div class=\"form-group shape-field\" data-shape=\"blk\">\r\n                        <label for=\"fdB\">Width W<\/label>\r\n                        <input type=\"number\" step=\"any\" id=\"fdB\" class=\"form-control\" value=\"10\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"fdL\">Magnetized Thickness<\/label>\r\n                        <input type=\"number\" step=\"any\" id=\"fdL\" class=\"form-control\" value=\"5\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"fdZ\">Distance from Pole Face z<\/label>\r\n                        <input type=\"number\" step=\"any\" id=\"fdZ\" class=\"form-control\" value=\"5\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"results-panel\">\r\n                    <div class=\"result-item\"><span class=\"label\">Surface field (z \u2248 0)<\/span><span class=\"value\" id=\"fdR0\">\u2014<\/span><\/div>\r\n                    <div class=\"result-item\"><span class=\"label\">Field at distance z<\/span><span class=\"value\" id=\"fdR1\">\u2014<\/span><\/div>\r\n                    <div class=\"result-item\"><span class=\"label\">Remaining vs. surface<\/span><span class=\"value\" id=\"fdR2\">\u2014<\/span><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fd-entry\" id=\"fdEntry\">\r\n                    <div class=\"fd-entry-text\">\r\n                        <span class=\"fd-entry-kicker\">Want a free sample?<\/span>\r\n                        <span class=\"fd-entry-spec\" id=\"fdEntrySpec\">N42<\/span>\r\n                        <span class=\"fd-entry-sub\"><b class=\"fd-entry-pill\">Under 1 minute<\/b>Your specs are already filled in. Just pick a coating and add your email.<\/span>\r\n                    <\/div>\r\n                    <a class=\"fd-entry-btn\" id=\"fdEntryBtn\" href=\"\/custom-ndfeb-magnets\/\">Get My Free Sample &rarr;<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"chart-card\">\r\n        <h2 class=\"section-title\">Field Decay Curve<\/h2>\r\n        <p class=\"section-intro\">The chart plots the on-axis flux density from the pole face out to twice your chosen distance. As a result, you can see how fast the field falls around the point you care about.<\/p>\r\n        <div class=\"svg-container\">\r\n            <svg id=\"fdChart\" viewBox=\"0 0 640 280\"><\/svg>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"calc-card\">\r\n        <h2 class=\"section-title\">How This Is Calculated<\/h2>\r\n        <p class=\"section-intro\">The tool uses closed-form formulas for the on-axis field of a uniformly magnetized magnet. It does not use a lookup table or a curve fit. Therefore, the result responds smoothly to every input.<\/p>\r\n\r\n        <h3 class=\"sub-title\">Disc and Cylinder Magnets<\/h3>\r\n        <p class=\"body-text\">First, the tool treats the magnet as two uniformly charged discs, one at each end. These discs act as the equivalent surface poles. Then the field follows from their magnetic scalar potential. Furlani's textbook gives this standard result.<\/p>\r\n        <p class=\"ref-line\">Reference: E. P. Furlani, Permanent Magnet and Electromechanical Devices, Academic Press, 2001.<\/p>\r\n\r\n        <h3 class=\"sub-title\">Block Magnets<\/h3>\r\n        <p class=\"body-text\">Next, the tool applies the same idea to a block. It sums the equivalent surface poles over the two end faces. Because the sum has a closed form, it gives the arctangent expression in the calculation.<\/p>\r\n\r\n        <h3 class=\"sub-title\">Assumptions<\/h3>\r\n        <p class=\"body-text\">Both formulas assume a uniformly magnetized magnet in free air. In other words, no ferromagnetic material sits nearby. They also use Br directly as the surface pole strength. This works well for high-permeance NdFeB, ferrite and SmCo. However, the magnet must stay well away from its knee point.<\/p>\r\n\r\n        <div class=\"disclaimer-card\">\r\n            <h3>Engineering Reference<\/h3>\r\n            <p>Real values vary with grade tolerance, temperature and magnetization uniformity. Nearby ferromagnetic material also strengthens the field locally. Therefore, for critical designs, check the result by measurement or FEA simulation.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cta-box\">\r\n        <div class=\"cta-content\">\r\n            <h3>Designing a sensor gap or actuator stroke?<\/h3>\r\n            <p>Share your target field strength and working distance. Then our engineers can recommend a magnet grade and geometry.<\/p>\r\n        <\/div>\r\n        <a href=\"\/contact-us\" class=\"btn-cta\">Consult Our Engineer &rarr;<\/a>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    var $ = function (id) { return document.getElementById(id); };\r\n    var grades = { N35: 1.20, N38: 1.24, N40: 1.28, N42: 1.31, N45: 1.35, N48: 1.39, N50: 1.42, N52: 1.45, Custom: 0 };\r\n    var shape = 'cyl';\r\n\r\n    Object.keys(grades).forEach(function (k) {\r\n        $('fdGrade').add(new Option(k === 'Custom' ? 'Custom' : k + ' (' + grades[k] + ' T)', k));\r\n    });\r\n    $('fdGrade').value = 'N42';\r\n\r\n    var svgTemplates = {\r\n        cyl: '<svg viewBox=\"0 0 200 160\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">' +\r\n             '<path d=\"M 55 55 L 55 95 A 45 15 0 0 0 145 95 L 145 55 Z\" fill=\"#e2e8f0\" stroke=\"#334155\" stroke-width=\"2\"\/>' +\r\n             '<ellipse cx=\"100\" cy=\"55\" rx=\"45\" ry=\"15\" fill=\"#cbd5e1\" stroke=\"#334155\" stroke-width=\"2\"\/>' +\r\n             '<line x1=\"100\" y1=\"95\" x2=\"100\" y2=\"140\" stroke=\"#e61373\" stroke-width=\"2\" stroke-dasharray=\"4,3\"\/>' +\r\n             '<circle cx=\"100\" cy=\"125\" r=\"4\" fill=\"#e61373\"\/>' +\r\n             '<text x=\"108\" y=\"128\" font-size=\"12\" fill=\"#e61373\" font-weight=\"700\">z<\/text>' +\r\n             '<text x=\"150\" y=\"78\" font-size=\"12\" fill=\"#002ea7\" font-weight=\"700\">D<\/text><\/svg>',\r\n        blk: '<svg viewBox=\"0 0 200 160\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">' +\r\n             '<polygon points=\"40,55 70,25 180,25 150,55\" fill=\"#cbd5e1\" stroke=\"#334155\" stroke-width=\"2\"\/>' +\r\n             '<rect x=\"40\" y=\"55\" width=\"110\" height=\"45\" fill=\"#e2e8f0\" stroke=\"#334155\" stroke-width=\"2\"\/>' +\r\n             '<polygon points=\"150,55 180,25 180,70 150,100\" fill=\"#94a3b8\" stroke=\"#334155\" stroke-width=\"2\"\/>' +\r\n             '<line x1=\"95\" y1=\"100\" x2=\"95\" y2=\"140\" stroke=\"#e61373\" stroke-width=\"2\" stroke-dasharray=\"4,3\"\/>' +\r\n             '<circle cx=\"95\" cy=\"125\" r=\"4\" fill=\"#e61373\"\/>' +\r\n             '<text x=\"103\" y=\"128\" font-size=\"12\" fill=\"#e61373\" font-weight=\"700\">z<\/text><\/svg>'\r\n    };\r\n\r\n    function n(id) { return parseFloat($(id).value); }\r\n\r\n    function B(z) {\r\n        var br = n('fdBr'), L = n('fdL');\r\n        z = Math.max(z, 1e-6);\r\n        if (shape === 'cyl') {\r\n            var R = n('fdD') \/ 2;\r\n            return br \/ 2 * ((z + L) \/ Math.hypot(R, z + L) - z \/ Math.hypot(R, z));\r\n        }\r\n        var a = n('fdA'), b = n('fdB'), s = z + L;\r\n        return br \/ Math.PI * (Math.atan(a * b \/ (2 * z * Math.sqrt(4 * z * z + a * a + b * b))) -\r\n                                Math.atan(a * b \/ (2 * s * Math.sqrt(4 * s * s + a * a + b * b))));\r\n    }\r\n\r\n    function fmt(t) { return (t * 1000).toPrecision(4) + ' mT (' + (t * 1e4).toPrecision(4) + ' G)'; }\r\n\r\n    var entrySpec = $('fdEntrySpec'), entryBtn = $('fdEntryBtn');\r\n\r\n    function entryData() {\r\n        var grade = $('fdGrade').value, L = n('fdL'), z = n('fdZ'), q = {};\r\n        if (grade !== 'Custom') { q.grade = grade; }\r\n        if (shape === 'cyl') {\r\n            var D = n('fdD');\r\n            q.shape = L <= D ? 'disc' : 'cylinder';\r\n            q.dim_diameter = D;\r\n            q[q.shape === 'disc' ? 'dim_thickness' : 'dim_height'] = L;\r\n            q.magnet = 'Axially Magnetized';\r\n        } else {\r\n            q.shape = 'block';\r\n            q.dim_length = n('fdA');\r\n            q.dim_width = n('fdB');\r\n            q.dim_thickness = L;\r\n            q.magnet = 'Thickness Magnetized';\r\n        }\r\n        q.calc_z = z;\r\n        q.calc_field = B(z) * 1000;\r\n        q.calc_surface = B(1e-6) * 1000;\r\n        q.calc_br = n('fdBr');\r\n        q.from = 'calc';\r\n        return q;\r\n    }\r\n\r\n    function toQuery(q) {\r\n        return Object.keys(q).filter(function (k) {\r\n            var v = q[k];\r\n            return typeof v === 'string' || (isFinite(v) && v > 0);\r\n        }).map(function (k) {\r\n            var v = q[k];\r\n            return k + '=' + encodeURIComponent(typeof v === 'number' ? String(parseFloat(v.toFixed(3))) : v);\r\n        }).join('&');\r\n    }\r\n\r\n    function updateEntry() {\r\n        var q = entryData();\r\n        var who = q.grade || ('Br ' + q.calc_br + ' T');\r\n        var size = shape === 'cyl'\r\n            ? '\\u00d8' + n('fdD') + ' \\u00d7 ' + n('fdL') + ' mm'\r\n            : n('fdA') + ' \\u00d7 ' + n('fdB') + ' \\u00d7 ' + n('fdL') + ' mm';\r\n        entrySpec.textContent = who + ' \/ ' + size + ' \/ ' + parseFloat(q.calc_field.toFixed(1)) + ' mT at ' + n('fdZ') + ' mm';\r\n        var base = entryBtn.getAttribute('href').split('?')[0];\r\n        entryBtn.setAttribute('href', base + '?' + toQuery(q));\r\n    }\r\n\r\n    entryBtn.addEventListener('click', function () {\r\n        window.dataLayer = window.dataLayer || [];\r\n        window.dataLayer.push({ event: 'calc_entry_click', calc_grade: $('fdGrade').value, calc_shape: shape });\r\n    });\r\n\r\n    function draw() {\r\n        $('fdSvgWrapper').innerHTML = svgTemplates[shape];\r\n        $('fdCaption').textContent = shape === 'cyl'\r\n            ? 'Diameter (D), magnetized thickness (L), distance from pole face (z).'\r\n            : 'Length (L) \u00d7 width (W), magnetized through thickness, distance from pole face (z).';\r\n\r\n        var z = n('fdZ'), b0 = B(1e-6), bz = B(z);\r\n        if ([z, b0, bz].some(isNaN)) return;\r\n        $('fdR0').textContent = fmt(b0);\r\n        $('fdR1').textContent = fmt(bz);\r\n        $('fdR2').textContent = (bz \/ b0 * 100).toFixed(1) + ' %';\r\n        updateEntry();\r\n\r\n        var zmax = Math.max(z * 2, 20), N = 60, pts = [];\r\n        var W = 640, H = 280, pl = 56, pr = 16, pt = 16, pb = 40, ymax = b0 * 1000;\r\n        for (var i = 0; i <= N; i++) {\r\n            var zz = zmax * i \/ N;\r\n            pts.push([pl + (W - pl - pr) * i \/ N, pt + (H - pt - pb) * (1 - B(zz) * 1000 \/ ymax)]);\r\n        }\r\n        var x = pl + (W - pl - pr) * z \/ zmax, y = pt + (H - pt - pb) * (1 - bz * 1000 \/ ymax);\r\n        var g = '';\r\n        for (var k = 0; k <= 4; k++) {\r\n            var yy = pt + (H - pt - pb) * k \/ 4;\r\n            g += '<line x1=\"' + pl + '\" x2=\"' + (W - pr) + '\" y1=\"' + yy + '\" y2=\"' + yy + '\" stroke=\"#dfe1e6\"\/>' +\r\n                 '<text x=\"' + (pl - 8) + '\" y=\"' + (yy + 4) + '\" text-anchor=\"end\" font-size=\"11\" fill=\"#5e6c84\">' + ymax * (1 - k \/ 4) + '<\/text>';\r\n        }\r\n        for (k = 0; k <= 4; k++) {\r\n            g += '<text x=\"' + (pl + (W - pl - pr) * k \/ 4) + '\" y=\"' + (H - pb + 18) + '\" text-anchor=\"middle\" font-size=\"11\" fill=\"#5e6c84\">' + (zmax * k \/ 4).toFixed(0) + '<\/text>';\r\n        }\r\n        $('fdChart').innerHTML = g +\r\n            '<polyline fill=\"none\" stroke=\"#002ea7\" stroke-width=\"2.5\" points=\"' + pts.map(function (p) { return p.join(','); }).join(' ') + '\"\/>' +\r\n            '<circle cx=\"' + x + '\" cy=\"' + y + '\" r=\"5\" fill=\"#e61373\"\/>' +\r\n            '<text x=\"' + (W \/ 2) + '\" y=\"' + (H - 6) + '\" text-anchor=\"middle\" font-size=\"12\" fill=\"#5e6c84\">Distance from pole face, mm<\/text>' +\r\n            '<text x=\"14\" y=\"' + (H \/ 2) + '\" font-size=\"12\" fill=\"#5e6c84\" transform=\"rotate(-90 14 ' + (H \/ 2) + ')\" text-anchor=\"middle\">B, mT<\/text>';\r\n    }\r\n\r\n    document.querySelectorAll('.shape-tabs .tab-btn').forEach(function (btn) {\r\n        btn.onclick = function () {\r\n            shape = this.dataset.shape;\r\n            document.querySelectorAll('.shape-tabs .tab-btn').forEach(function (b) { b.classList.toggle('active', b === btn); });\r\n            document.querySelectorAll('.shape-field').forEach(function (f) { f.classList.toggle('active', f.dataset.shape === shape); });\r\n            draw();\r\n        };\r\n    });\r\n\r\n    $('fdGrade').onchange = function () { if (grades[this.value]) $('fdBr').value = grades[this.value]; draw(); };\r\n    document.querySelectorAll('#fdBr,#fdD,#fdA,#fdB,#fdL,#fdZ').forEach(function (el) { el.oninput = draw; });\r\n\r\n    draw();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Magnetic Field Strength vs. Distance Calculator | King-Nd Magnet Magnetic Field Strength vs. Distance Calculator This calculator shows how a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1553,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kingndmagnet.com\/ko\/wp-json\/wp\/v2\/pages\/2106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kingndmagnet.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kingndmagnet.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kingndmagnet.com\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kingndmagnet.com\/ko\/wp-json\/wp\/v2\/comments?post=2106"}],"version-history":[{"count":19,"href":"https:\/\/kingndmagnet.com\/ko\/wp-json\/wp\/v2\/pages\/2106\/revisions"}],"predecessor-version":[{"id":3160,"href":"https:\/\/kingndmagnet.com\/ko\/wp-json\/wp\/v2\/pages\/2106\/revisions\/3160"}],"up":[{"embeddable":true,"href":"https:\/\/kingndmagnet.com\/ko\/wp-json\/wp\/v2\/pages\/1553"}],"wp:attachment":[{"href":"https:\/\/kingndmagnet.com\/ko\/wp-json\/wp\/v2\/media?parent=2106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}