{"id":10105,"date":"2026-09-01T19:57:56","date_gmt":"2026-09-01T19:57:56","guid":{"rendered":"https:\/\/theycraft.com\/?page_id=10105"},"modified":"2026-09-02T02:21:29","modified_gmt":"2026-09-02T02:21:29","slug":"circle-skirt-pattern-yardage-calculator","status":"publish","type":"page","link":"https:\/\/theycraft.com\/fr\/sewing-free-tools\/circle-skirt-pattern-yardage-calculator\/","title":{"rendered":"Circle Skirt Pattern &#038; Yardage Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10105\" class=\"elementor elementor-10105\">\n\t\t\t\t<div class=\"elementor-element elementor-element-586cd84 e-con e-atomic-element e-flexbox-base e-default-div e-586cd84-1782a78 \" data-id=\"586cd84\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"586cd84\">\n    <div class=\"elementor-element elementor-element-dc6ebf3 e-con-full e-flex e-con e-parent\" data-id=\"dc6ebf3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c248710 elementor-widget elementor-widget-html\" data-id=\"c248710\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .tc-banner-wrapper {\r\n    width: 100%;\r\n    margin: 0 auto 24px auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n  .tc-banner-wrapper * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .tc-hero-card {\r\n    position: relative;\r\n    width: 100%;\r\n    background: radial-gradient(circle at 85% 15%, #1e293b 0%, #0f172a 70%);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 20px;\r\n    padding: 56px 32px;\r\n    text-align: center;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.25), 0 8px 10px -6px rgba(15, 23, 42, 0.2);\r\n  }\r\n\r\n  \/* Subtle background grid pattern overlay *\/\r\n  .tc-hero-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);\r\n    background-size: 20px 20px;\r\n    pointer-events: none;\r\n    opacity: 0.6;\r\n  }\r\n\r\n  .tc-hero-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Eyebrow Pill Badge *\/\r\n  .tc-badge-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: rgba(52, 211, 153, 0.1);\r\n    border: 1px solid rgba(52, 211, 153, 0.25);\r\n    color: #34d399;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n    padding: 6px 14px;\r\n    border-radius: 9999px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .tc-badge-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    background-color: #34d399;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 8px #34d399;\r\n  }\r\n\r\n  \/* Main Headline *\/\r\n  .tc-hero-title {\r\n    color: #ffffff !important;\r\n    font-size: 34px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.25 !important;\r\n    letter-spacing: -0.5px;\r\n    margin: 0 auto 16px auto !important;\r\n  }\r\n\r\n  \/* Description Copy *\/\r\n  .tc-hero-desc {\r\n    color: #94a3b8;\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    max-width: 580px;\r\n    margin: 0 auto 28px auto;\r\n  }\r\n\r\n  \/* Call To Action Button *\/\r\n  .tc-cta-btn {\r\n    display: inline-block;\r\n    background: #059669;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.3px;\r\n    padding: 14px 36px;\r\n    border-radius: 9999px;\r\n    border: none;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 18px rgba(5, 150, 105, 0.4);\r\n    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .tc-cta-btn:hover {\r\n    background: #047857;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 24px rgba(5, 150, 105, 0.5);\r\n  }\r\n\r\n  .tc-cta-btn:active {\r\n    transform: translateY(0);\r\n    box-shadow: 0 2px 8px rgba(5, 150, 105, 0.3);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .tc-hero-card {\r\n      padding: 36px 20px;\r\n      border-radius: 16px;\r\n    }\r\n    .tc-hero-title {\r\n      font-size: 24px !important;\r\n    }\r\n    .tc-hero-desc {\r\n      font-size: 14px;\r\n      margin-bottom: 22px;\r\n    }\r\n    .tc-cta-btn {\r\n      width: 100%;\r\n      padding: 13px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"tc-banner-wrapper\">\r\n  <div class=\"tc-hero-card\">\r\n    <div class=\"tc-hero-content\">\r\n      \r\n      <div class=\"tc-badge-pill\">\r\n        <span class=\"tc-badge-dot\"><\/span>\r\n        FREE SEWING TOOL\r\n      <\/div>\r\n\r\n      <h1 class=\"tc-hero-title\">\r\n        Circle Skirt Pattern &amp; Yardage Calculator\r\n      <\/h1>\r\n\r\n      <p class=\"tc-hero-desc\">\r\n        Skip the geometry headaches. Enter your waist measurement and desired skirt length to generate your exact cut radius, required fabric yardage, and folded layout blueprint instantly.\r\n      <\/p>\r\n\r\n      <a href=\"#valWaist\" class=\"tc-cta-btn\">\r\n        Calculate My Cut\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c1841e1 e-con e-atomic-element e-flexbox-base e-default-div e-9e60344 \" data-id=\"c1841e1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c1841e1\">\n    <div class=\"elementor-element elementor-element-05e0871 e-flex e-con-boxed e-con e-parent\" data-id=\"05e0871\" 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-6d89262 elementor-widget elementor-widget-html\" data-id=\"6d89262\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .tc-app-wrap {\r\n    max-width: 520px;\r\n    margin: 0 auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    color: #1e293b;\r\n    box-sizing: border-box;\r\n    line-height: 1.5;\r\n  }\r\n  .tc-app-wrap * { box-sizing: border-box; }\r\n\r\n  \/* Hero Banner *\/\r\n  .tc-top-banner {\r\n    background: #0f172a;\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n    color: #ffffff;\r\n  }\r\n  .tc-badge {\r\n    font-size: 11px;\r\n    letter-spacing: 1.5px;\r\n    font-weight: 700;\r\n    color: #34d399;\r\n    text-transform: uppercase;\r\n    display: block;\r\n    margin-bottom: 4px;\r\n  }\r\n  .tc-top-banner h2 {\r\n    color: #ffffff !important;\r\n    margin: 0 0 4px 0 !important;\r\n    font-size: 20px !important;\r\n    line-height: 1.25 !important;\r\n  }\r\n  .tc-top-banner p { margin: 0; font-size: 13px; color: #94a3b8; }\r\n\r\n  \/* Cards *\/\r\n  .tc-box {\r\n    background: #ffffff;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 10px;\r\n    padding: 18px;\r\n    margin-bottom: 16px;\r\n    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.04);\r\n  }\r\n  .tc-box h3 {\r\n    margin: 0 0 12px 0;\r\n    font-size: 16px;\r\n    color: #0f172a;\r\n    border-bottom: 2px solid #f1f5f9;\r\n    padding-bottom: 8px;\r\n  }\r\n\r\n  \/* Inputs & Toggle *\/\r\n  .tc-field { margin-bottom: 12px; }\r\n  .tc-field label {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    margin-bottom: 4px;\r\n    color: #1e293b;\r\n  }\r\n  .tc-field input, .tc-field select {\r\n    width: 100%;\r\n    padding: 10px;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 6px;\r\n    font-size: 14px;\r\n    background: #ffffff;\r\n    color: #1e293b;\r\n  }\r\n  .tc-toggle-bar { display: flex; gap: 8px; margin-bottom: 14px; }\r\n  .tc-btn-unit {\r\n    flex: 1;\r\n    padding: 8px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 6px;\r\n    background: #f8fafc;\r\n    color: #475569;\r\n    cursor: pointer;\r\n  }\r\n  .tc-btn-unit.active {\r\n    background: #0f172a !important;\r\n    color: #ffffff !important;\r\n    border-color: #0f172a !important;\r\n  }\r\n\r\n  \/* Results Box & Graph *\/\r\n  .tc-results-card {\r\n    margin-top: 14px;\r\n    padding: 14px;\r\n    background: #f8fafc;\r\n    border-radius: 8px;\r\n    border: 1px solid #cbd5e1;\r\n  }\r\n  .tc-row-stat {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 6px 0;\r\n    border-bottom: 1px dashed #cbd5e1;\r\n    font-size: 13px;\r\n  }\r\n  .tc-row-stat:last-of-type { border-bottom: none; }\r\n  .tc-row-stat strong { color: #059669; }\r\n\r\n  #tcBlueprintSvg {\r\n    width: 100%;\r\n    height: 280px;\r\n    background: #ffffff;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 6px;\r\n    margin-top: 12px;\r\n    display: block;\r\n  }\r\n  .tc-canvas-tip {\r\n    font-size: 12px;\r\n    color: #475569;\r\n    margin-top: 10px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* Manual & Tips *\/\r\n  .tc-head-green {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #059669;\r\n    margin: 14px 0 6px 0;\r\n  }\r\n  .tc-text-body {\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    color: #475569;\r\n    margin: 0 0 8px 0;\r\n  }\r\n  .tc-bullet-list {\r\n    margin: 0 0 10px 0;\r\n    padding-left: 18px;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    color: #334155;\r\n  }\r\n  .tc-bullet-list li { margin-bottom: 5px; }\r\n  .tc-bullet-list strong { color: #1e293b; }\r\n\r\n  .tc-alert-blue {\r\n    background: #eff6ff;\r\n    border-left: 3px solid #2563eb;\r\n    padding: 10px 12px;\r\n    border-radius: 0 6px 6px 0;\r\n    font-size: 12px;\r\n    color: #1e40af;\r\n    line-height: 1.5;\r\n    margin-top: 8px;\r\n  }\r\n  .tc-alert-green {\r\n    background: #ecfdf5;\r\n    border-left: 3px solid #059669;\r\n    padding: 10px 12px;\r\n    border-radius: 0 6px 6px 0;\r\n    font-size: 12px;\r\n    color: #065f46;\r\n    line-height: 1.5;\r\n    margin-top: 8px;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"tc-app-wrap\">\r\n\r\n  <div class=\"tc-top-banner\">\r\n    <div>\r\n      <span class=\"tc-badge\">theycraft Studio Tools<\/span>\r\n      <h2>Circle Skirt Blueprint<\/h2>\r\n      <p>Live measurements and folded layout blueprint<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"tc-box\">\r\n    <div class=\"tc-toggle-bar\">\r\n      <button type=\"button\" class=\"tc-btn-unit active\" id=\"btnUIn\" onclick=\"window.theycraftToggle('in')\">Inches & Yards<\/button>\r\n      <button type=\"button\" class=\"tc-btn-unit\" id=\"btnUCm\" onclick=\"window.theycraftToggle('cm')\">Centimeters & Meters<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"tc-field\">\r\n      <label for=\"selStyle\">Skirt Style<\/label>\r\n      <select id=\"selStyle\" onchange=\"window.theycraftCalc()\">\r\n        <option value=\"full\">Full Circle (maximum volume)<\/option>\r\n        <option value=\"half\" selected>Half Circle (moderate flare)<\/option>\r\n        <option value=\"quarter\">Quarter Circle (subtle A-line)<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"tc-field\">\r\n      <label for=\"valWaist\" id=\"lblWaistText\">Waist Circumference (inches)<\/label>\r\n      <input type=\"number\" id=\"valWaist\" value=\"28\" min=\"1\" step=\"0.5\" oninput=\"window.theycraftCalc()\" \/>\r\n    <\/div>\r\n\r\n    <div class=\"tc-field\">\r\n      <label for=\"valLength\" id=\"lblLengthText\">Skirt Length (inches)<\/label>\r\n      <input type=\"number\" id=\"valLength\" value=\"22\" min=\"1\" step=\"0.5\" oninput=\"window.theycraftCalc()\" \/>\r\n    <\/div>\r\n\r\n    <div class=\"tc-results-card\">\r\n      <div class=\"tc-row-stat\">\r\n        <span>Waist Arc (measure from corner):<\/span>\r\n        <span><strong id=\"outR1\">8.91<\/strong> <span class=\"lblDistUnit\">in<\/span><\/span>\r\n      <\/div>\r\n      <div class=\"tc-row-stat\">\r\n        <span>Hem Arc (measure from corner):<\/span>\r\n        <span><strong id=\"outR2\">30.91<\/strong> <span class=\"lblDistUnit\">in<\/span><\/span>\r\n      <\/div>\r\n      <div class=\"tc-row-stat\">\r\n        <span>Fabric Required:<\/span>\r\n        <span><strong id=\"outFab\">1.42<\/strong> <span id=\"lblFabUnit\">yards<\/span><\/span>\r\n      <\/div>\r\n\r\n      <svg id=\"tcBlueprintSvg\" viewBox=\"0 0 400 280\">\r\n        <line x1=\"45\" y1=\"35\" x2=\"370\" y2=\"35\" stroke=\"#94a3b8\" stroke-dasharray=\"4\" stroke-width=\"1.5\" \/>\r\n        <line x1=\"45\" y1=\"35\" x2=\"45\" y2=\"250\" stroke=\"#94a3b8\" stroke-dasharray=\"4\" stroke-width=\"1.5\" \/>\r\n        <path id=\"svgSkirtShape\" d=\"M 100 35 A 55 55 0 0 1 45 90 L 45 220 A 185 185 0 0 0 230 35 Z\" fill=\"#ecfdf5\" stroke=\"#059669\" stroke-width=\"2\" \/>\r\n        <circle cx=\"45\" cy=\"35\" r=\"4\" fill=\"#0f172a\" \/>\r\n        <text x=\"55\" y=\"28\" font-size=\"11\" fill=\"#475569\" font-family=\"sans-serif\">Corner Fold (Anchor 0)<\/text>\r\n        <text id=\"svgWaistText\" x=\"55\" y=\"75\" font-size=\"11\" fill=\"#059669\" font-weight=\"600\" font-family=\"sans-serif\">Waist Cut (8.9\")<\/text>\r\n        <text id=\"svgHemText\" x=\"55\" y=\"240\" font-size=\"11\" fill=\"#0f172a\" font-weight=\"600\" font-family=\"sans-serif\">Hem Cut (30.9\")<\/text>\r\n      <\/svg>\r\n\r\n      <div class=\"tc-canvas-tip\">\r\n        <strong>How to cut:<\/strong> Anchor your tape measure at the corner fold (Point 0). Pivot outward to mark the waist cut line, then sweep out to the hem line.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"tc-box\">\r\n    <h3>Circle Skirt Field Manual<\/h3>\r\n\r\n    <div class=\"tc-head-green\">1. Choosing Your Skirt Cut<\/div>\r\n    <ul class=\"tc-bullet-list\">\r\n      <li><strong>Full Circle:<\/strong> 360\u00b0 of continuous flare. Maximum theatrical spin and volume. Best for dresses and flowy skirts.<\/li>\r\n      <li><strong>Half Circle:<\/strong> 180\u00b0 sweep. Flattering drape with minimal waist bulk. Perfect for daily wear, linen, and office skirts.<\/li>\r\n      <li><strong>Quarter Circle:<\/strong> 90\u00b0 sweep. Clean A-line silhouette. Ideal for heavy fabrics like corduroy, wool, denim, or canvas.<\/li>\r\n    <\/ul>\r\n\r\n    <div class=\"tc-head-green\">2. Understanding the Cut Numbers<\/div>\r\n    <ul class=\"tc-bullet-list\">\r\n      <li><strong>Waist Arc:<\/strong> The radius measured from the folded corner (Point 0). Cutting this curve creates a waist opening matching your circumference.<\/li>\r\n      <li><strong>Hem Arc:<\/strong> Measured from that same corner point down to your desired length.<\/li>\r\n      <li><strong>Fabric Required:<\/strong> Estimated yardage including a 10% cutting margin for seams and leveling.<\/li>\r\n    <\/ul>\r\n\r\n    <div class=\"tc-alert-green\">\r\n      <strong>Bias Hang Tip:<\/strong> Because circle skirts are cut across the stretchy diagonal bias grain, the hem will drop unevenly. Always hang the skirt on a hanger for 24 hours before sewing the final hemline.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"tc-box\">\r\n    <h3>Measuring Waist Circumference Accurately<\/h3>\r\n    <p class=\"tc-text-body\">Your waist measurement sets the inner cut hole. Measure according to how you plan to finish the waistband:<\/p>\r\n\r\n    <ul class=\"tc-bullet-list\">\r\n      <li><strong>Natural High Waist:<\/strong> Measure around the narrowest point of your torso while standing relaxed.<\/li>\r\n      <li><strong>Fitted Zipper Waist:<\/strong> Use your body measurement plus <strong>0.5 to 1 inch of wearing ease<\/strong> for breathing comfort.<\/li>\r\n      <li><strong>Elastic Pull-On Waist:<\/strong> <em>Crucial step!<\/em> Measure your <strong>hip circumference<\/strong> instead. A circle skirt has no stretch at the cut waistline, so the opening must slide over hips before being cinched with elastic.<\/li>\r\n    <\/ul>\r\n\r\n    <div class=\"tc-alert-blue\">\r\n      <strong>Pro Tip:<\/strong> Keep the measuring tape snug and level to the floor, but loose enough to slip one finger underneath. Do not pull it tight into the skin.\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nwindow.tcUnit = 'in';\r\n\r\nwindow.theycraftToggle = function(target) {\r\n  if (window.tcUnit === target) return;\r\n  window.tcUnit = target;\r\n\r\n  var wEl = document.getElementById('valWaist');\r\n  var lEl = document.getElementById('valLength');\r\n  var bIn = document.getElementById('btnUIn');\r\n  var bCm = document.getElementById('btnUCm');\r\n  var lblW = document.getElementById('lblWaistText');\r\n  var lblL = document.getElementById('lblLengthText');\r\n\r\n  var w = parseFloat(wEl.value) || 0;\r\n  var l = parseFloat(lEl.value) || 0;\r\n\r\n  if (target === 'cm') {\r\n    bCm.className = 'tc-btn-unit active';\r\n    bIn.className = 'tc-btn-unit';\r\n    lblW.innerHTML = 'Waist Circumference (cm)';\r\n    lblL.innerHTML = 'Skirt Length (cm)';\r\n    if (w) wEl.value = (w * 2.54).toFixed(1);\r\n    if (l) lEl.value = (l * 2.54).toFixed(1);\r\n  } else {\r\n    bIn.className = 'tc-btn-unit active';\r\n    bCm.className = 'tc-btn-unit';\r\n    lblW.innerHTML = 'Waist Circumference (inches)';\r\n    lblL.innerHTML = 'Skirt Length (inches)';\r\n    if (w) wEl.value = (w \/ 2.54).toFixed(1);\r\n    if (l) lEl.value = (l \/ 2.54).toFixed(1);\r\n  }\r\n\r\n  window.theycraftCalc();\r\n};\r\n\r\nwindow.theycraftCalc = function() {\r\n  var wEl = document.getElementById('valWaist');\r\n  var lEl = document.getElementById('valLength');\r\n  var sEl = document.getElementById('selStyle');\r\n\r\n  if (!wEl || !lEl || !sEl) return;\r\n\r\n  var waist = parseFloat(wEl.value);\r\n  var length = parseFloat(lEl.value);\r\n  var style = sEl.value;\r\n\r\n  if (!waist) waist = (window.tcUnit === 'in') ? 28 : 71;\r\n  if (!length) length = (window.tcUnit === 'in') ? 22 : 56;\r\n\r\n  var r1 = 0;\r\n  var factor = 1.5;\r\n\r\n  if (style === 'full') {\r\n    r1 = waist \/ 6.283;\r\n    factor = 2.0;\r\n  } else if (style === 'half') {\r\n    r1 = waist \/ 3.1415;\r\n    factor = 1.5;\r\n  } else {\r\n    r1 = waist \/ 1.5707;\r\n    factor = 1.0;\r\n  }\r\n\r\n  var r2 = r1 + length;\r\n  var fab = 0;\r\n\r\n  var lblFab = document.getElementById('lblFabUnit');\r\n  var distUnits = document.querySelectorAll('.lblDistUnit');\r\n\r\n  if (window.tcUnit === 'in') {\r\n    fab = ((r2 * factor * 1.1) \/ 36).toFixed(2);\r\n    if (lblFab) lblFab.innerHTML = 'yards';\r\n    distUnits.forEach(function(el) { el.innerHTML = 'in'; });\r\n  } else {\r\n    fab = ((r2 * factor * 1.1) \/ 100).toFixed(2);\r\n    if (lblFab) lblFab.innerHTML = 'meters';\r\n    distUnits.forEach(function(el) { el.innerHTML = 'cm'; });\r\n  }\r\n\r\n  document.getElementById('outR1').innerHTML = r1.toFixed(2);\r\n  document.getElementById('outR2').innerHTML = r2.toFixed(2);\r\n  document.getElementById('outFab').innerHTML = fab;\r\n\r\n  var ox = 45;\r\n  var oy = 35;\r\n  var maxDraw = 200;\r\n  var scale = maxDraw \/ r2;\r\n\r\n  var sr1 = r1 * scale;\r\n  var sr2 = r2 * scale;\r\n\r\n  var dPath = [\r\n    'M', (ox + sr1), oy,\r\n    'A', sr1, sr1, 0, 0, 1, ox, (oy + sr1),\r\n    'L', ox, (oy + sr2),\r\n    'A', sr2, sr2, 0, 0, 0, (ox + sr2), oy,\r\n    'Z'\r\n  ].join(' ');\r\n\r\n  var shape = document.getElementById('svgSkirtShape');\r\n  if (shape) shape.setAttribute('d', dPath);\r\n\r\n  var sym = (window.tcUnit === 'in') ? '\"' : ' cm';\r\n  var wTxt = document.getElementById('svgWaistText');\r\n  var hTxt = document.getElementById('svgHemText');\r\n\r\n  if (wTxt) {\r\n    wTxt.setAttribute('y', Math.max(oy + sr1 - 6, 58));\r\n    wTxt.textContent = 'Waist Cut (' + r1.toFixed(1) + sym + ')';\r\n  }\r\n  if (hTxt) {\r\n    hTxt.setAttribute('y', Math.min(oy + sr2 + 16, 260));\r\n    hTxt.textContent = 'Hem Cut (' + r2.toFixed(1) + sym + ')';\r\n  }\r\n};\r\n\r\nwindow.theycraftCalc();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FREE SEWING TOOL Circle Skirt Pattern &amp; Yardage Calculator Skip the geometry headaches. Enter your waist measurement and desired skirt length to generate your exact cut radius, required fabric yardage, and folded layout blueprint instantly. Calculate My Cut theycraft Studio Tools Circle Skirt Blueprint Live measurements and folded layout blueprint Inches &#038; Yards Centimeters &#038; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10364,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"boxed","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","footnotes":""},"class_list":["post-10105","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages\/10105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/comments?post=10105"}],"version-history":[{"count":112,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages\/10105\/revisions"}],"predecessor-version":[{"id":10229,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages\/10105\/revisions\/10229"}],"up":[{"embeddable":true,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages\/10364"}],"wp:attachment":[{"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/media?parent=10105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}