{"id":5519,"date":"2026-04-23T08:34:33","date_gmt":"2026-04-23T00:34:33","guid":{"rendered":"https:\/\/yunbroidery.com\/?page_id=5519"},"modified":"2026-04-23T08:39:58","modified_gmt":"2026-04-23T00:39:58","slug":"canvas-228-215-152-129-system-model","status":"publish","type":"page","link":"https:\/\/yunbroidery.com\/en\/canvas-228-215-152-129-system-model\/","title":{"rendered":"Canvas 228.215.152.129 system_map"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-center\">Canvas 228.215.152.129\u7cfb\u7d71\u5716<\/h2>\n\n\n\n<div id=\"sys_container\" style=\"max-width:1000px;margin:auto;font-family:Arial;\">\n\n  <h2 style=\"text-align:center;\">\u523a\u7e61\u7cfb\u7d71\u6a21\u578b<\/h2>\n  <p style=\"text-align:center;\">\u9ede\u64ca\u7cfb\u7d71\u4ee5\u63a2\u7d22\u5176\u908f\u8f2f<\/p>\n\n  <div style=\"display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:20px;\">\n    \n    <div class=\"sysBtn\" data-id=\"215\" style=\"flex:1;background:#E74C3C;color:#fff;padding:20px;text-align:center;cursor:pointer;\">\n      Canvas 215<br>Non-local\n    <\/div>\n\n    <div class=\"sysBtn\" data-id=\"228\" style=\"flex:1;background:#8E44AD;color:#fff;padding:20px;text-align:center;cursor:pointer;\">\n      Canvas 228<br>Loop\n    <\/div>\n\n    <div class=\"sysBtn\" data-id=\"152\" style=\"flex:1;background:#F39C12;color:#fff;padding:20px;text-align:center;cursor:pointer;\">\n      Canvas 152<br>Interlaced\n    <\/div>\n\n    <div class=\"sysBtn\" data-id=\"129\" style=\"flex:1;background:#3498DB;color:#fff;padding:20px;text-align:center;cursor:pointer;\">\n      Canvas 129<br>Radial\n    <\/div>\n\n  <\/div>\n\n  <div id=\"sys_output\" style=\"margin-top:30px;padding:20px;border:1px solid #ccc;min-height:150px;\">\n    <b>Click a system above<\/b>\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n\nconst output = document.getElementById(\"sys_output\");\n\nconst data = {\n\n  \"215\": `\n  <h3>Canvas 215 \u2014 Non-local System<\/h3>\n  <p><b>Structure:<\/b> Distributed surface<\/p>\n  <p><b>Path:<\/b> Long-distance jump<\/p>\n  <p><b>Tension:<\/b> Non-local<\/p>\n  <p>This system forms structure through long-range tension connections.<\/p>\n  `,\n\n  \"228\": `\n  <h3>Canvas 228 \u2014 Loop-Stabilized System<\/h3>\n  <p><b>Structure:<\/b> Loop-connected modules<\/p>\n  <p><b>Path:<\/b> Jump + return loop<\/p>\n  <p><b>Tension:<\/b> Cyclic regulation<\/p>\n  <p>Stability emerges through loop-based tension return.<\/p>\n  `,\n\n  \"152\": `\n  <h3>Canvas 152 \u2014 Interlaced System<\/h3>\n  <p><b>Structure:<\/b> Interlaced<\/p>\n  <p><b>Path:<\/b> Layered crossing<\/p>\n  <p><b>Tension:<\/b> Distributed<\/p>\n  <p>Structure is stabilized through interlocking tension.<\/p>\n  `,\n\n  \"129\": `\n  <h3>Canvas 129 \u2014 Radial System<\/h3>\n  <p><b>Structure:<\/b> Radial<\/p>\n  <p><b>Path:<\/b> Continuous<\/p>\n  <p><b>Tension:<\/b> Centralized<\/p>\n  <p>All forces converge toward a central equilibrium.<\/p>\n  `\n};\n\ndocument.querySelectorAll(\".sysBtn\").forEach(btn=>{\n  btn.addEventListener(\"click\",function(){\n    const id = this.getAttribute(\"data-id\");\n    output.innerHTML = data[id];\n  });\n});\n\n})();\n<\/script>\n\n\n\n<p><\/p>\n\n\n\n<div id=\"four_system_map\"><\/div>\n\n<script>\n(function(){\n\nconst box = document.getElementById(\"four_system_map\");\n\nconst canvas = document.createElement(\"canvas\");\ncanvas.width = 1100;\ncanvas.height = 520;\ncanvas.style.border = \"1px solid #ccc\";\n\nbox.appendChild(canvas);\n\nconst ctx = canvas.getContext(\"2d\");\n\n\/\/ ===== \u5de5\u5177 =====\nfunction title(x,text){\n  ctx.fillStyle=\"#000\";\n  ctx.font=\"bold 16px Arial\";\n  ctx.textAlign=\"center\";\n  ctx.fillText(text,x,60);\n}\n\nfunction boxNode(x,y,w,h,text,color){\n  ctx.fillStyle=color;\n  ctx.fillRect(x,y,w,h);\n\n  ctx.fillStyle=\"white\";\n  ctx.font=\"13px Arial\";\n  ctx.textAlign=\"center\";\n  ctx.fillText(text,x+w\/2,y+h\/2+4);\n}\n\nfunction label(x,y,text){\n  ctx.fillStyle=\"#000\";\n  ctx.font=\"12px Arial\";\n  ctx.textAlign=\"center\";\n  ctx.fillText(text,x,y);\n}\n\nfunction arrow(x1,y1,x2,y2){\n  const head=8;\n  const dx=x2-x1;\n  const dy=y2-y1;\n  const a=Math.atan2(dy,dx);\n\n  ctx.strokeStyle=\"#333\";\n  ctx.lineWidth=2;\n  ctx.beginPath();\n  ctx.moveTo(x1,y1);\n  ctx.lineTo(x2,y2);\n  ctx.stroke();\n\n  ctx.beginPath();\n  ctx.moveTo(x2,y2);\n  ctx.lineTo(x2-head*Math.cos(a-0.4),y2-head*Math.sin(a-0.4));\n  ctx.lineTo(x2-head*Math.cos(a+0.4),y2-head*Math.sin(a+0.4));\n  ctx.closePath();\n  ctx.fillStyle=\"#333\";\n  ctx.fill();\n}\n\n\/\/ ===== \u6a19\u984c =====\nctx.font=\"bold 20px Arial\";\nctx.fillText(\"Four-System Embroidery Model\",550,30);\n\n\/\/ ===== \u56db\u6b04\u4f4d\u7f6e =====\nconst X = [150, 400, 650, 900];\n\n\/\/ ===== \u6a19\u984c =====\ntitle(X[0],\"Canvas 215\");\ntitle(X[1],\"Canvas 228\");\ntitle(X[2],\"Canvas 152\");\ntitle(X[3],\"Canvas 129\");\n\n\/\/ ===== Structure =====\nboxNode(X[0]-70,120,140,40,\"Distributed\",\"#E74C3C\");\nboxNode(X[1]-70,120,140,40,\"Loop Modules\",\"#8E44AD\");\nboxNode(X[2]-70,120,140,40,\"Interlaced\",\"#F39C12\");\nboxNode(X[3]-70,120,140,40,\"Radial\",\"#3498DB\");\n\n\/\/ ===== Path =====\nboxNode(X[0]-70,220,140,40,\"Jump\",\"#E74C3C\");\nboxNode(X[1]-70,220,140,40,\"Loop + Return\",\"#8E44AD\");\nboxNode(X[2]-70,220,140,40,\"Layered\",\"#F39C12\");\nboxNode(X[3]-70,220,140,40,\"Continuous\",\"#3498DB\");\n\n\/\/ ===== Tension =====\nboxNode(X[0]-70,320,140,40,\"Non-local\",\"#E74C3C\");\nboxNode(X[1]-70,320,140,40,\"Loop-Stabilized\",\"#8E44AD\");\nboxNode(X[2]-70,320,140,40,\"Distributed\",\"#F39C12\");\nboxNode(X[3]-70,320,140,40,\"Centralized\",\"#3498DB\");\n\n\/\/ ===== \u5de6\u5074\u6a19\u7c64 =====\nlabel(50,145,\"Structure\");\nlabel(50,245,\"Path\");\nlabel(50,345,\"Tension\");\n\n\/\/ ===== \u6f14\u5316\u7bad\u982d =====\narrow(220,400,330,400);\narrow(470,400,580,400);\narrow(720,400,830,400);\n\n\/\/ ===== \u6f14\u5316\u6587\u5b57 =====\nlabel(550,450,\"Non-local \u2192 Loop \u2192 Interlaced \u2192 Radial\");\n\n\/\/ ===== \u6838\u5fc3\u53e5 =====\nctx.font=\"bold 14px Arial\";\nctx.fillText(\"Structure emerges from Path, and Path generates Tension\",550,490);\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Canvas 228.215.152.129\u7cfb\u7d71\u5716 \u523a\u7e61\u7cfb\u7d71\u6a21\u578b \u9ede\u64ca\u7cfb\u7d71\u4ee5\u63a2\u7d22\u5176\u908f\u8f2f Canvas 215N [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","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":"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":""}},"footnotes":""},"class_list":["post-5519","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/yunbroidery.com\/en\/wp-json\/wp\/v2\/pages\/5519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yunbroidery.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yunbroidery.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yunbroidery.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yunbroidery.com\/en\/wp-json\/wp\/v2\/comments?post=5519"}],"version-history":[{"count":3,"href":"https:\/\/yunbroidery.com\/en\/wp-json\/wp\/v2\/pages\/5519\/revisions"}],"predecessor-version":[{"id":5524,"href":"https:\/\/yunbroidery.com\/en\/wp-json\/wp\/v2\/pages\/5519\/revisions\/5524"}],"wp:attachment":[{"href":"https:\/\/yunbroidery.com\/en\/wp-json\/wp\/v2\/media?parent=5519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}