{ "version": 3, "sources": ["/cdn/shop/t/7/assets/hd-canvas.js?cb=20261025b"], "sourcesContent": ["(function(){\n// \u9632\u5FA1\u6027\u542F\u52A8\uFF1A\u524D\u9762\u4EFB\u4F55\u811A\u672C\u629B\u9519\u90FD\u88AB\u5168\u5C40 onerror \u541E\u6389\uFF0C\u4FDD\u8BC1 design-canvas \u4ECD\u80FD\u542F\u52A8\u3002\n// params \u63D0\u524D\u5EFA\u597D\uFF0C\u907F\u514D\u4E0B\u6E38 ReferenceError\uFF082026-08-17 \u5B9E\u9645\u51FA\u73B0\u8FC7 params is not defined\uFF0C\u6E90\u4E8E\u65E7\u7F13\u5B58\u9875\u9762\uFF09\u3002\ntry {\n window.__pfmParams = new URLSearchParams(location.search);\n window.addEventListener('error', function(ev){\n // Log but do not let one rogue error block the rest of the page.\n if (ev && ev.error) console.warn('[pfm] swallowed error:', ev.error.message || ev.message);\n return true; // suppress default\n });\n window.onerror = function(msg, src, line, col, err){\n console.warn('[pfm] onerror:', msg, '@', line+':'+col);\n return true; // swallow so other init code keeps running\n };\n} catch(_){}\n// 2026-08-18: Bridge URL \u53EF\u7531\u4E3B\u9898\u7F16\u8F91\u5668\u914D\u7F6E\uFF08schema bridge_url\uFF09\uFF0C\u672A\u8BBE\u5219\u56DE\u843D\u751F\u4EA7\u5730\u5740\u3002\n// 2026-08-19: params \u63D0\u5347\u4E3A\u9876\u5C42 var\uFF08\u66FE\u56E0 IIFE \u5185 var \u4E0D\u53EF\u89C1\u5BFC\u81F4 ReferenceError\uFF09\u3002\nvar B=(window.__hdBridgeFallback||'https://bridge.highdeep.net'),canvas,product,undoStack=[],redoStack=[],showGrid=true,currentPlacement='front',currentTech='DTG',params=window.__pfmParams||new URLSearchParams(location.search);\n\n/* 2026-10-12\uFF08\u7532 \u00B7 \u7528\u6237\u88C1\u51B3\uFF09\uFF1A\u6D4F\u89C8\u5668\u7FFB\u8BD1\u515C\u5E95 \u2014\u2014 \u529F\u80FD\u6309\u94AE\u7EDF\u4E00 document \u7EA7\u4E8B\u4EF6\u59D4\u6258\uFF08\u5168\u5C40\u5355\u4F8B\uFF09\u3002\n \uD83D\uDD34 \u6839\u56E0\uFF1A\u7FFB\u8BD1\u5F15\u64CE\uFF08Chrome/Google \u53CA\u540C\u7C7B\uFF09\u628A\u6587\u672C\u8282\u70B9\u5305\u8FDB \u3001\u5E76\u91CD\u65B0\u89E3\u6790/\u514B\u9686\u88AB\u7FFB\u8BD1\u6807\u7B7E\u4E0A\u7684\n \u76D1\u542C\u5668 \u21D2 \u76F4\u63A5 addEventListener \u7684\u6309\u94AE\uFF08\u64A4\u9500 / \u91CD\u505A / Buy it now\u2026\uFF09\u4F1A\u4E22\u76D1\u542C\u5668 \u21D2 \u70B9\u4E86\u6CA1\u53CD\u5E94\u3002\n \u21D2 \u59D4\u6258\u6302\u5728 document\uFF0C\u7528 e.composedPath() \u4ECE\u70B9\u51FB\u70B9\u5411\u5916\u627E\u5E26 id \u7684\u5143\u7D20\n \u21D2 \u4E2D\u95F4\u88AB\u585E\u591A\u5C11 \u3001\u6309\u94AE\u662F\u5426\u88AB\u91CD\u6392\u90FD\u4E0D\u5F71\u54CD \u21D2 \u4E0E\u662F\u5426\u7FFB\u8BD1\u65E0\u5173\u3002\n \u26A0\uFE0F \u540C\u4E00 id \u53EF\u7ED1\u591A\u4E2A handler\uFF08\u7B49\u4EF7\u300C\u4E00\u4E2A\u5143\u7D20\u6302\u591A\u4E2A listener\u300D\uFF09\uFF1Bhandler \u7684 this = \u547D\u4E2D\u5143\u7D20\u3002\n \u26A0\uFE0F \u5E42\u7B49\u5355\u4F8B\uFF1Adesign-canvas \u4E0E main-product \u5404\u5E26\u4E00\u4EFD\uFF0C\u8FD0\u884C\u65F6\u53EA\u751F\u6548\u4E00\u4EFD\uFF08\u6539\u5219\u540C\u6539\uFF0C\u7981\u4E0D\u4E00\u81F4\uFF09\u3002 */\n(function(){\n if(window.__hdAct) return;\n var M={};\n function find(e){\n var p=(e.composedPath&&e.composedPath())||[],i,n;\n for(i=0;i= total){ finished = true; hideLoading(); } }\n setTimeout(function(){ if(!finished){ finished = true; hideLoading(); } }, 4000); /* 2026-10-14\uFF1A10s\u21924s\uFF08\u5B9E\u6D4B\u6302 15 \u79D2\u592A\u4E45\uFF1B\u56FE\u6CA1\u5230\u9F50\u5C31\u5148\u653E\u884C\uFF09 */\n urls.forEach(function(u){\n var im = new Image();\n im.onload = fin; im.onerror = fin;\n im.src = u;\n });\n }catch(e){ hideLoading(); }\n}\n\n// ===== ALPHA SCAN\uFF1A\u4ECE ghost PNG \u627E\u8863\u670D\u53EF\u89C1\u8FB9\u754C =====\n/* 2026-08-22: \u8F7B\u91CF toast\uFF08\u975E\u963B\u585E\u8B66\u544A\uFF0C\u5982\u4F4E\u5206\u8FA8\u7387\u56FE\uFF09\u3002\n \uD83D\uDD34\uD83D\uDD34 2026-10-10\uFF08\u00A71011r \u7532\uFF09\uFF1A\u539F\u5B9E\u73B0\u628A\u63D0\u793A append \u8FDB `#pfmCanvasInner` \u2014\u2014 \u8BE5\u5BB9\u5668**\u53EA\u5728\u7F16\u8F91\u6001\n \uFF08\u8BBE\u8BA1\u677F #pfmBoard\uFF09\u53EF\u89C1**\uFF0C\u800C\u8C03\u7528\u65B9\uFF08Add to Cart / Save design / Mockups\uFF09\u5168\u5728**\u5C55\u793A\u6001 #pfmStage**\uFF1B\n \u4E24\u8005\u4E92\u65A5 \u21D2 \u63D0\u793A\u6052\u88AB\u585E\u8FDB 0\u00D70 \u4E14 overflow:hidden \u7684\u9690\u85CF\u5BB9\u5668\uFF1A\u7EBF\u4E0A\u5B9E\u6D4B toast rect [0,0,0,0]\u3001\n inView=false\uFF0C**\u5C55\u793A\u6001 11 \u5904\u63D0\u793A 100% \u9759\u9ED8**\uFF08\u542B Add to cart failed / Export failed\uFF09\u3002\n \u73B0\u6539\u4E3A\u59D4\u6258\u7AD9\u5185\u552F\u4E00 toast \u5B9E\u73B0 `hdcoToast`\uFF08.hdco-toast = position:fixed;top:18px;\n z-index:2147483999\uFF09\u2014\u2014 \u4EFB\u4F55\u72B6\u6001/\u8BBE\u5907\u90FD\u53EF\u89C1\uFF0C\u4E14**\u4E0D\u518D\u5F15\u5165\u7B2C\u4E8C\u4EFD\u5B9E\u73B0**\u3002\n type \u6620\u5C04\u4E3A\u524D\u7F00\u56FE\u6807\uFF08\u539F\u7C7B\u578B\u5E95\u8272\u968F\u4E4B\u9000\u5F79\uFF09\u3002\u26A0\uFE0F \u7981\u6B62\u518D\u628A\u63D0\u793A\u6302\u5230\u8BBE\u8BA1\u677F\u5185/\u7EDD\u5BF9\u5B9A\u4F4D\u5BB9\u5668\u4E0A\u3002 */\nfunction hdToastIcon(type){\n /* \u9ED8\u8BA4\u6863\uFF08\u4E0D\u4F20 type / \u672A\u77E5\u503C\uFF09\u6CBF\u7528\u6539\u524D\u7684\u300C\u62A5\u8B66\u300D\u8BED\u4E49 \u2014\u2014 \u4E0E\u65E7\u5B9E\u73B0 C[type]||'#e74c3c' \u540C\u53E3\u5F84\u3002 */\n var I={info:'\\u2139\\uFE0F',ok:'\\u2705',warn:'\\u26A0\\uFE0F',error:'\\u274C'};\n return I[type]||I.error;\n}\nfunction showToast(msg, type){\n var txt=hdToastIcon(type)+' '+msg;\n try{\n var t=document.getElementById('hdcoToast');\n if(t && typeof hdcoToast==='function'){ hdcoToast(txt); return; }\n }catch(e){}\n /* \u515C\u5E95\uFF1Atoast \u5143\u7D20\u7F3A\u5931\uFF08\u7ED3\u6784\u6027\u56DE\u5F52\uFF09\u65F6**\u7EDD\u4E0D\u80FD\u9759\u9ED8** \u2014\u2014 \u9000\u56DE alert\uFF0C\u4FDD\u8BC1\u4E00\u5B9A\u6709\u53CD\u9988\u3002 */\n try{ alert(msg); }catch(e){}\n}\nfunction getImageBounds(imgUrl, callback) { var img = new Image();\n img.crossOrigin = 'anonymous';\n img.onload = function() {\n var w = img.naturalWidth, h = img.naturalHeight;\n var c = document.createElement('canvas');\n c.width = w; c.height = h;\n var ctx = c.getContext('2d');\n ctx.drawImage(img, 0, 0);\n var data = ctx.getImageData(0, 0, w, h).data;\n var minX = w, maxX = 0, minY = h, maxY = 0;\n for (var y = 0; y < h; y++) {\n for (var x = 0; x < w; x++) {\n if (data[(y * w + x) * 4 + 3] > 10) {\n if (x < minX) minX = x; if (x > maxX) maxX = x;\n if (y < minY) minY = y; if (y > maxY) maxY = y;\n }\n }\n }\n callback({ left: minX, top: minY, right: maxX, bottom: maxY, w: w, h: h });\n };\n img.onerror = function() { callback(null); };\n img.src = imgUrl;\n}\n\n/* ===== \u5185\u5BB9\u8FB9\u754C\uFF082026-09-15 \u6279\u6B21A \u00B7 \u516C\u5171\u539F\u8BED\uFF09=====\n PNG \u5E38\u6709\u56DB\u5468\u900F\u660E\u7559\u767D \u2014\u2014 \u6309\u300C\u77E9\u5F62\u300D\u53BB\u5BF9\u9F50/\u5224\u65AD\uFF0C\u4F1A\u8BA9**\u770B\u5F97\u89C1\u7684\u56FE\u6848**\u6CA1\u5BF9\u9F50\uFF1A\n \u5B9E\u6D4B\u4E00\u5F20\u4E0A\u4E0B\u8FB9\u8DDD\u4E0D\u5747\u7684\u56FE\uFF0C\u77E9\u5F62\u7CBE\u786E\u5C45\u4E2D\u540E\u53EF\u89C1\u5185\u5BB9\u4ECD\u504F 17 \u5C4F\u5E55px\uFF0C\u7528\u6237\u5F53 bug \u62A5\u3002\n `__pfmContentBox(obj)` \u8FD4\u56DE**\u753B\u5E03\u5750\u6807**\u4E0B\u7684\u5185\u5BB9\u76D2\uFF1A\n \u00B7 \u56FE\u7247\uFF08type==='image'\uFF09\u2192 alpha \u626B\u63CF\u771F\u5B9E\u975E\u900F\u660E\u8303\u56F4\n \u00B7 \u5176\u5B83\u5BF9\u8C61 / \u65CB\u8F6C\u5BF9\u8C61 / \u626B\u63CF\u5931\u8D25 / \u65E0\u7559\u767D \u2192 \u56DE\u9000 getBoundingRect\uFF08\u4E0E\u65E7\u884C\u4E3A\u4E00\u81F4\uFF09\n \u26A0\uFE0F \u6027\u80FD\uFF1A\u626B\u63CF\u524D\u964D\u91C7\u6837\u5230\u6700\u957F\u8FB9 __PFM_CB_MAX\uFF084000px \u539F\u56FE\u4E5F\u53EA\u626B 256\u00B2 \u2248 65k \u6B21\uFF09\uFF0C\n \u5E76\u7F13\u5B58\u5728\u5BF9\u8C61\u4E0A\uFF08key \u542B src \u5C3E\u6BB5 + \u539F\u59CB\u5C3A\u5BF8 + crop \u21D2 \u6362\u56FE/\u88C1\u5207\u624D\u5931\u6548\uFF09\u3002\n \u26A0\uFE0F \u65CB\u8F6C\u5BF9\u8C61\u76F4\u63A5\u56DE\u9000\uFF1A\u5185\u5BB9\u76D2\u6620\u5C04\u5230\u753B\u5E03\u8981\u8003\u8651\u65CB\u8F6C\uFF0C\u98CE\u9669\u9AD8\u6536\u76CA\u4F4E\u3002\n \u26A0\uFE0F \u4E0E\u5DF2\u6709 getImageBounds() \u7684\u5173\u7CFB\uFF1A\u90A3\u4E2A\u662F\u300C\u5168\u5206\u8FA8\u7387 + \u53EA\u7528\u4E8E\u4EA7\u54C1 ghost \u56FE\u300D\u7684\u4E00\u6B21\u6027\u626B\u63CF\uFF0C\n \u7ED3\u679C\u5199\u8FDB product._ghostBounds \u540E**\u4ECE\u672A\u88AB\u8BFB\u53D6**\uFF08\u6B7B\u4EE3\u7801\uFF09\u3002\u6B64\u5904**\u4E0D\u590D\u7528\u5B83** \u2014\u2014\n \u5168\u5206\u8FA8\u7387\u626B\u63CF\u5728\u62D6\u52A8\u65F6\u4E0D\u53EF\u7528\uFF1B\u4E24\u8005\u7528\u9014\u4E0D\u540C\uFF0C\u6545\u4FDD\u7559\u5404\u81EA\u5B9E\u73B0\u3002\n \u63A5\u5165\u70B9\uFF08\u5206\u6279\uFF09\uFF1A\u2460 hd-align.js boxOf() \u5DF2\u63A5 \u00B7 \u2461 \u8D8A\u754C/\u843D\u4F4D 4 \u5904\u5F85\u5B9A */\nvar PFM_CB_MAX = 256;\nfunction pfmImageContentBox(obj){\n var el = obj._element; if(!el) return null;\n var W = el.naturalWidth || el.width, H = el.naturalHeight || el.height;\n if(!(W > 0) || !(H > 0)) return null;\n /* fabric \u7684 width/height \u662F**\u88C1\u526A\u540E**\u5C3A\u5BF8\uFF0CcropX/cropY \u662F\u88C1\u526A\u8D77\u70B9 */\n var cw = obj.width || W, ch = obj.height || H;\n var cx0 = obj.cropX || 0, cy0 = obj.cropY || 0;\n var key = String(el.src || '').slice(-80) + '|' + W + 'x' + H + '|' + cx0 + ',' + cy0 + ',' + cw + ',' + ch;\n if(obj._pfmCBKey === key) return obj._pfmCB || null;\n var sc = Math.max(cw, ch) > PFM_CB_MAX ? PFM_CB_MAX / Math.max(cw, ch) : 1;\n var sw = Math.max(1, Math.round(cw * sc)), sh = Math.max(1, Math.round(ch * sc));\n var cv = document.createElement('canvas'); cv.width = sw; cv.height = sh;\n var ctx = cv.getContext('2d');\n ctx.drawImage(el, cx0, cy0, cw, ch, 0, 0, sw, sh);\n var d = ctx.getImageData(0, 0, sw, sh).data; /* \u753B\u5E03\u88AB\u6C61\u67D3\u65F6\u4F1A\u629B -> \u5916\u5C42 try \u515C\u4F4F\u56DE\u9000 */\n var minX = sw, maxX = -1, minY = sh, maxY = -1;\n for(var y = 0; y < sh; y++){\n var row = y * sw;\n for(var x = 0; x < sw; x++){\n if(d[(row + x) * 4 + 3] > 8){\n if(x < minX) minX = x; if(x > maxX) maxX = x;\n if(y < minY) minY = y; if(y > maxY) maxY = y;\n }\n }\n }\n var box = (maxX < 0) ? null : { l: minX / sc, t: minY / sc, r: (maxX + 1) / sc, b: (maxY + 1) / sc };\n obj._pfmCBKey = key; obj._pfmCB = box;\n return box;\n}\nfunction pfmContentBox(obj){\n if(!obj) return null;\n var rect = null;\n try { rect = obj.getBoundingRect(true, true); } catch(e){ return null; }\n if(!rect || !(rect.width > 0) || !(rect.height > 0)) return rect;\n if(obj.type !== 'image' || !obj._element) return rect; /* \u53EA\u6709\u56FE\u7247\u6709\u300C\u900F\u660E\u7559\u767D\u300D */\n if(Math.abs(obj.angle || 0) > 0.01) return rect; /* \u65CB\u8F6C\u89C1\u4E0A */\n try {\n var box = pfmImageContentBox(obj); if(!box) return rect;\n var w0 = obj.width || 0, h0 = obj.height || 0;\n if(!(w0 > 0) || !(h0 > 0)) return rect;\n var sx = Math.abs(obj.scaleX || 1), sy = Math.abs(obj.scaleY || 1);\n var l = box.l, r = box.r, t = box.t, b = box.b;\n if((obj.scaleX || 1) < 0){ l = w0 - box.r; r = w0 - box.l; } /* \u6C34\u5E73\u7FFB\u8F6C */\n if((obj.scaleY || 1) < 0){ t = h0 - box.b; b = h0 - box.t; } /* \u5782\u76F4\u7FFB\u8F6C */\n var out = { left: rect.left + l * sx, top: rect.top + t * sy, width: (r - l) * sx, height: (b - t) * sy };\n if(out.width > 0.5 && out.height > 0.5) return out;\n } catch(e){}\n return rect;\n}\n\n/* \u9884\u626B hook\uFF082026-09-15 \u6279\u6B21A-3\uFF09\uFF1A\u56FE\u7247\u4E00\u5165\u753B\u5E03\u5C31\u5728**\u7A7A\u95F2\u65F6**\u7B97\u597D\u5185\u5BB9\u8FB9\u754C\u3002\n \u539F\u56E0\uFF1A\u9996\u6B21 alpha \u626B\u63CF\u5B9E\u6D4B 2000\u00D72000 \u56FE\u8981 **62ms**\uFF08\u74F6\u9888\u662F drawImage \u7F29\u653E\uFF0C\u4E0D\u662F 65k \u6B21\u5FAA\u73AF\uFF09\uFF0C\n \u82E5\u843D\u5728**\u9996\u6B21\u62D6\u52A8\u90A3\u4E00\u5E27**\u5C31\u662F\u4E00\u6B21\u660E\u663E\u6389\u5E27\uFF0860fps \u9884\u7B97 16.7ms\uFF09\uFF1B\u7F13\u5B58\u547D\u4E2D\u540E\u5355\u6B21\u4EC5 1.84\u00B5s\u3002\n \u5E42\u7B49\uFF1A__pfmCBHook \u6807\u5FD7\uFF1Bcanvas \u672A\u5C31\u7EEA\u65F6\u6BCF 200ms \u91CD\u8BD5\uFF08\u6700\u591A 30s\uFF09\u3002 */\n(function(){\n if(window.__pfmCBHook) return;\n var tries = 0;\n var t = setInterval(function(){\n tries++;\n if(tries > 150){ clearInterval(t); return; }\n if(!canvas || !canvas.on) return;\n clearInterval(t);\n window.__pfmCBHook = true;\n canvas.on('object:added', function(e){\n var o = e && e.target;\n if(!o || o.type !== 'image' || !o._element) return;\n var run = function(){ try { pfmContentBox(o); } catch(err){} };\n if(window.requestIdleCallback) window.requestIdleCallback(run, { timeout: 1500 });\n else setTimeout(run, 250);\n });\n }, 200);\n})();\n\n// ========== PRODUCT BACKGROUND (CSS layer, not part of fabric canvas) ==========\n/* 2026-10-25\uFF1Aghost alpha \u9608\u503C\uFF08\u53EA\u7559\u5E3D\u515C\uFF09\u3002\n ghost \u7684 alpha \u5206\u533A\uFF1A\u5E3D\u515C\u2248254\uFF08\u4E0D\u900F\u660E\uFF09\u3001\u8863\u8EAB\u2248131\uFF08\u534A\u900F\u660E\uFF09\u3002\u6574\u5F20\u53E0\u4F1A\u628A\u56FE\u6848\u538B\u6697\uFF1B\n \u8FD9\u91CC\u628A alpha \u2264 200 \u7684\u50CF\u7D20\u7F6E\u900F\u660E \u21D2 \u524D\u666F\u53EA\u5269\u300C\u5E3D\u515C/\u8863\u8EAB\u8FB9\u7F18\u300D\u21D2 \u56FE\u6848\u6E05\u6670 + \u5E3D\u515C\u906E\u6321\u3002\n image-proxy \u5DF2\u5E26 Access-Control-Allow-Origin:* \u21D2 canvas \u53EF\u8BFB\u50CF\u7D20\u3002\u7ED3\u679C\u6309 URL \u7F13\u5B58\uFF08\u5185\u5B58\uFF09\u3002 */\nvar _ghostCutCache = {};\nfunction cutGhost(url, cb) {\n if (!url) { cb(''); return; }\n if (_ghostCutCache[url]) { cb(_ghostCutCache[url]); return; }\n try {\n var img = new Image();\n img.crossOrigin = 'anonymous';\n img.onload = function () {\n try {\n var c = document.createElement('canvas');\n c.width = img.naturalWidth || img.width;\n c.height = img.naturalHeight || img.height;\n var ctx = c.getContext('2d');\n ctx.drawImage(img, 0, 0);\n var d = ctx.getImageData(0, 0, c.width, c.height);\n var px = d.data;\n for (var i = 3; i < px.length; i += 4) { if (px[i] <= 200) px[i] = 0; }\n ctx.putImageData(d, 0, 0);\n var out = c.toDataURL('image/png');\n _ghostCutCache[url] = out;\n cb(out);\n } catch (e) { cb(url); } /* \u8BFB\u50CF\u7D20\u5931\u8D25\uFF08CORS \u5F02\u5E38\uFF09\u21D2 \u56DE\u9000\u539F\u56FE\uFF0C\u4E0D\u963B\u585E */\n };\n img.onerror = function () { cb(url); };\n img.src = url;\n } catch (e) { cb(url); }\n}\nfunction loadProductBackground(ghostUrl, bgUrl, bgColor){\n // 2026-08-30: \u4EA7\u54C1\u56FE\u80CC\u666F\u8BBE\u5728\u7F29\u653E\u5C42\uFF08zoomLayer\uFF09\u4E0A \u2014 \u767D\u6846\u4E0D\u52A8\uFF0C\u4EA7\u54C1\u56FE\u968F\u5C42\u7F29\u653E\n var inner = q('pfmCanvasInner');\n var layer = q('pfmZoomLayer');\n var bg = q('pfmProductBg');\n if(!inner || !bg) return;\n var host = layer || inner; // \u4EA7\u54C1\u56FE\u80CC\u666F\u5BBF\u4E3B\uFF1A\u4F18\u5148\u7F29\u653E\u5C42\n function pimg(u, w){\n if(!u) return '';\n // 2026-09-09: \u670D\u52A1\u5668\u672C\u5730\u6210\u54C1\u56FE\uFF08prodimg/* 1000px\uFF09\u76F4\u63A5\u9759\u6001\u76F4\u8FDE \u2014\u2014 \u8DF3\u8FC7 image-proxy sharp \u7F29\u653E\n // \uFF08\u5207\u9762/\u9996\u9762\u66F4\u5FEB\uFF1Bimage-proxy \u53EA\u7528\u4E8E\u5916\u90E8 CDN \u6E90\u4E0B\u91C7\u6837\uFF09\u3002\u6CE8\u610F u \u53EF\u80FD\u5DF2\u5E26 image-proxy \u524D\u7F00 \u2192 \u8981\u53BB\u6389\u3002\n if (u.indexOf('/image-proxy?') === -1 && u.indexOf('bridge.highdeep.net/prodimg/') !== -1) return u;\n var raw = u.indexOf('/image-proxy?') !== -1 ? (function(){ try { return decodeURIComponent((u.split('url=')[1]||'').split('&')[0]); } catch(e){ return u; } })() : u;\n // 2026-09-07 DROP \u540C\u6B3E\u94FE\u8DEF\uFF1A\u4E00\u5F8B\u7ECF image-proxy\uFF08\u767D\u540D\u5355\u542B bridge.highdeep.net\uFF09\uFF0C\u53EF\u5E26 &w= \u4E0B\u91C7\u6837\u51CF\u5C0F\u4F20\u8F93\uFF1B\n // ghost \u53E0\u5C42\u8C03\u7528\u4E0D\u4F20 w\uFF08\u4FDD\u539F\u5C3A\u5BF8\u4EE5\u5BF9\u9F50\u6253\u5370\u533A\uFF09\u3002\n var out = B + '/image-proxy?url=' + encodeURIComponent(raw);\n if (w) out += '&w=' + w;\n return out;\n }\n // Mockup gallery image resilience: auto-retry (2 tries with cache-bust) then a\n // manual Retry button. Declared on window so inline onerror handlers can reach it.\n window.hdMockupImgError = function(img){\n try{\n var fail=parseInt(img.getAttribute('data-fail')||'0',10);\n if(fail<2){\n img.setAttribute('data-fail',String(fail+1));\n img.src=(img.getAttribute('data-src')||'')+'&r='+Date.now()+(fail+1);\n } else {\n img.style.display='none';\n var err=img.parentNode && img.parentNode.querySelector('.pfm-mockup-err');\n if(err){ err.style.display='flex'; }\n }\n }catch(e){ /* never throw from an error handler */ }\n };\n window.hdRetryMockup = function(btn){\n try{\n var item=btn.closest ? btn.closest('.pfm-mockup-item') : (btn.parentNode&&btn.parentNode.parentNode);\n var img=item && item.querySelector('img.pfm-mockup-img');\n var err=item && item.querySelector('.pfm-mockup-err');\n if(img){\n img.setAttribute('data-fail','0');\n img.src=(img.getAttribute('data-src')||'')+'&r='+Date.now();\n img.style.display='';\n }\n if(err){ err.style.display='none'; }\n }catch(e){}\n return false;\n };\n // 2026-09-01: mockup carousel \u2014 thumbnail strip + labelled main image.\n // placement \u2192 display label; front_large/back_large show as \"Front\"/\"Back\".\n window.hdMockupItems=[];\n window.hdPlacementLabel=function(p){\n if(!p) return 'Mockup';\n var m={front:'Front',back:'Back',front_large:'Front',back_large:'Back',\n left_sleeve:'Left Sleeve',right_sleeve:'Right Sleeve',left:'Left',right:'Right',\n wrist:'Wrist'};\n if(m[p]) return m[p];\n return p.replace(/_/g,' ').replace(/\\b\\w/g,function(c){return c.toUpperCase();});\n };\n window.hdSelectMockup=function(i){\n try{\n var it=window.hdMockupItems[i]; if(!it) return;\n var main=document.getElementById('pfmMockupMain');\n var badge=document.getElementById('pfmMockupBadge');\n if(main){\n main.setAttribute('data-src',it.src); main.setAttribute('data-fail','0');\n main.src=it.src; main.style.display='';\n }\n if(badge) badge.textContent=it.label;\n var thumbs=document.querySelectorAll('.pfm-carousel-thumbs img');\n for(var j=0;j200\uFF09\uFF0C\u8863\u8EAB\u534A\u900F\u660E\u533A\u7F6E\u900F\u660E \u21D2 \u56FE\u6848\u4E0D\u88AB\u538B\u6697\u3002 */\n try { bg.style.setProperty('z-index', '11', 'important'); } catch (e) {}\n try { bg.style.pointerEvents = 'none'; } catch (e) {}\n /* 2026-10-25\uFF1Aalpha \u9608\u503C\u6539\u4E3A**\u670D\u52A1\u7AEF**\u5904\u7406\uFF08image-proxy?cut=200\uFF0C\u89C1 server.js\uFF09\u2014\u2014\n \u524D\u7AEF\u96F6\u5EF6\u8FDF\u3001\u591A\u7528\u6237\u5171\u4EAB\u78C1\u76D8\u7F13\u5B58\uFF1B\u6B64\u524D\u5728\u524D\u7AEF canvas \u73B0\u7B97\u8981 ~1s\uFF0C\u9996\u6B21\u5207\u9762\u4F1A\u51FA\u73B0\u300C\u56FE\u6848\u76D6\u5E3D\u515C\u300D\u7A7A\u7A97\u3002 */\n try {\n var _guCut = _gu + ((_gu.indexOf('?') >= 0) ? '&' : '?') + 'cut=200';\n bg.style.backgroundImage = 'url(' + _guCut + ')';\n window.__pfmFgUrl = _guCut;\n if (typeof window.__pfmStageArt === 'function') window.__pfmStageArt();\n } catch (e) { try { bg.style.backgroundImage = 'url(' + _gu + ')'; } catch (e2) {} }\n getImageBounds(_gu, function(bounds) {\n if (bounds && product) {\n product._ghostBounds = bounds;\n var spec = printAreaSpecs[currentPlacement] || printAreaSpecs['front'] || Object.values(printAreaSpecs)[0];\n if (spec) resizeCanvasToPrintArea(spec);\n }\n });\n } else {\n bg.style.backgroundImage = 'none';\n /* \u65E0 ghost\uFF08onmodel \u6A21\u677F/\u7F3A\u56FE\uFF09\u21D2 \u6062\u590D\u5230\u753B\u5E03\u4E4B\u4E0B\uFF0C\u4FDD\u6301\u539F\u884C\u4E3A\uFF08\u96F6\u56DE\u5F52\uFF09 */\n try { bg.style.setProperty('z-index', '1', 'important'); } catch (e) {}\n /* 2026-10-25\uFF1A**\u6E05\u6389\u4E0A\u4E00\u4E2A\u9762\u7684\u5E3D\u515C URL** \u2014\u2014 \u5426\u5219\u5207\u5230 Front/\u8896\u5B50\u540E\uFF0C\u5C55\u793A\u53F0(stageArt)\n \u4ECD\u6309\u65E7 __pfmFgUrl \u8D34 Back \u7684\u5E3D\u515C \u21D2 \u7528\u6237\u5B9E\u6D4B\u300C\u54EA\u4E2A\u89D2\u5EA6\u90FD\u6709\u5E3D\u5B50\u300D\u3002\n \u65E0 positioning \u7684\u9762\u5FC5\u987B\u663E\u5F0F\u7F6E\u7A7A\u5E76\u7ACB\u5373\u91CD\u7ED8\u5C55\u793A\u53F0\u3002 */\n try { window.__pfmFgUrl = ''; } catch (e) {}\n try { if (typeof window.__pfmStageArt === 'function') window.__pfmStageArt(); } catch (e) {}\n }\n}\n\nvar params = window.__pfmParams || new URLSearchParams(location.search);\nvar pid=params.get('product_id'),selColor=params.get('color')||'';\n/* 2026-10-12: \u76EE\u5F55\u9875\u9009\u4E2D\u7684**\u5C3A\u7801**\uFF08\u9501\u6B7B\u7528\uFF09\u3002\u5E26\u5B83\u8FDB\u6765\u540E\uFF1A\u9009\u53D8\u4F53/\u52A0\u8D2D\u90FD\u6309\u300C\u8272+\u7801\u300D\u7CBE\u786E\u547D\u4E2D\uFF0C\n \u4E0D\u518D\"\u6309\u989C\u8272\u731C\u4E00\u4E2A\u7801\"\uFF08\u5B9E\u6D4B 15 \u8272\u91CC 10 \u4E2A\u4F1A\u88AB\u731C\u6210 2XL/3XL\uFF0C\u7528\u6237\u5B8C\u5168\u65E0\u6CD5\u63A7\u5236\uFF09\u3002 */\nvar selSize=String(params.get('size')||'').trim();\n/* 2026-10-28\uFF1A\u6027\u522B\u4F20\u9012 \u2014\u2014 \u76EE\u5F55\u9875\u6309\u7537/\u5973/\u7AE5\u5206\u7C7B\u5E26 section \u8FDB\u6765\uFF1B\u6295\u7A3F/\u4E0B\u5355\u968F\u8BA2\u5355\u5C5E\u6027\u56DE\u4F20\uFF0C\u51FA\u56FE\u6309\u6B64\u9009\u6A21\u7279\u3002 */\nvar section=String(params.get('section')||'').trim();\nvar currentVariantId=null;\nfunction q(id){return document.getElementById(id)}\n\n// DEBUG MODE \u2014 silently enabled when ?debug=1 in URL; renders specs panel at bottom-right\nif(params.get('debug')){\n // Optional tiny \"debug on\" tag (comment-out if you don't want it)\n var dbgTag=document.createElement('div');\n dbgTag.style.cssText='position:fixed;top:6px;right:8px;z-index:999999;background:#000;color:#0f0;font:11px/1.2 monospace;padding:3px 6px;border-radius:var(--pf-r-sm);opacity:.85';\n dbgTag.textContent='DEBUG ON';\n document.body.appendChild(dbgTag);\n}\n\n// 2026-08-30: \u8FD4\u56DE\u7EDF\u4E00\u8C03\u516C\u5171\u51FD\u6570 HD.goBack()\uFF08app-utils.js\uFF09\u2014 \u672C\u5730\u91CD\u590D\u5B9E\u73B0\u5DF2\u5220\u9664\n\n// ============= INIT CANVAS =============\nfunction initCanvas(){\n // Placeholder size; resized to print area when product loads\n var w=600,h=600;\n // 2026-08-30: controlsAboveOverlay:true \u2014 \u63A7\u5236\u70B9\u753B\u5728 clipPath \u4E4B\u540E\uFF08\u5BF9\u8C61\u5728\u6253\u5370\u533A\u5916\u4ECD\u5B8C\u6574\u53EF\u89C1\u53EF\u64CD\u4F5C\uFF09\uFF0C\n // \u5BF9\u8C61\u5185\u5BB9\u672C\u8EAB\u4ECD\u88AB\u88C1\u526A\u30022026-09-01: enableRetinaScaling:false \u2014 DPR3 \u624B\u673A\u4E0B retina \u4F1A\u653E\u5927\u5230 9000\u00B2\n // (309MB) \u9020\u6210\u6BCF\u64CD\u4F5C\u5361\u987F\uFF0C\u5173\u95ED\u540E\u4F4D\u56FE 3000\u00B2(36MB, -89%)\u3002\u5BFC\u51FA\u4E0D\u53D7\u5F71\u54CD\uFF08toDataURL multiplier \u4E34\u65F6\u8986\u76D6\uFF09\u3002\n canvas=new fabric.Canvas('pfmCanvas',{width:w,height:h,selection:false,preserveObjectStacking:true,renderOnAddRemove:false,controlsAboveOverlay:true,enableRetinaScaling:false}); /* 2026-09-03: selection:false \u7981\u6846\u9009\u2014\u2014\u7A7A\u767D\u62D6\u52A8\u4E0D\u518D\u62D6\u51FA\u84DD\u8272\u591A\u9009\u6846\uFF1B\u5BF9\u8C61\u70B9\u9009/\u62D6\u52A8/\u7F29\u653E\u624B\u67C4\u4E0D\u53D7\u5F71\u54CD\uFF08\u5C42\u7BA1\u7406\u8D70 Layers \u9762\u677F\uFF09 */\n window.__pfmCanvas = canvas; // TEMP: diagnostic exposure for placement-switch bug hunt\n var inner = q('pfmCanvasInner');\n if(inner){ inner.style.width=w+'px'; inner.style.height=h+'px'; }\n /* \uD83D\uDD34\uD83D\uDD34 2026-10-04\uFF08\u7528\u6237\uFF1A\u300C\u6837\u5F0F\u8FD8\u662F\u4E0D\u4E00\u6837\u554A\uFF0C\u4E0D\u662F\u505A\u6210\u516C\u5171\u51FD\u6570\uFF0C\u8C03\u7528\u5417\uFF1F\u300D\uFF09\uFF1A\n \u63A7\u5236\u70B9\u65CF\u7684**\u6837\u5F0F**\uFF08\u989C\u8272/\u7EBF\u578B/\u5F62\u72B6/\u5C3A\u5BF8/\u5404\u70B9\u5F62\u6001\uFF09\u4E0E**\u5C4F\u5E55\u6052\u5B9A**\u7EDF\u4E00\u6536\u53E3\u5230\n assets/pfm-sel.js \u7684 PFMSEL\uFF1B\u5E38\u91CF\u771F\u6E90\u5728 CSS \u53D8\u91CF --pf-sel-*\uFF08pf-tokens.css\uFF09\uFF0C\n \u753B\u677F\u4FA7 hd-canvas.css \u5F15\u7528\u540C\u4E00\u6279\u53D8\u91CF \u21D2 \u4E24\u4FA7\u50CF\u7D20\u7EA7\u540C\u6B3E\u3002\n \u6539\u524D\u8FD9\u91CC\u5199\u6B7B\uFF1A\u5360\u4F4D 60/90 + \u9752\u8272 #00D4FF + \u865A\u7EBF [6,4] + \u5B9E\u5FC3\u5706\u70B9 + withConnection:false\uFF08\u65E0\u65CB\u8F6C\u6746\uFF09\uFF0C\n \u4E0E\u753B\u677F\uFF08#534AB7 \u5B9E\u7EBF + \u5706\u89D2\u65B9\u5757\u89D2 + \u6D45\u5E95\u63CF\u8FB9\u8FB9\u70B9 + \u767D\u5E95\u5706\u65CB\u8F6C\u70B9 + 23px \u65CB\u8F6C\u6746\uFF09\u5B8C\u5168\u662F\u4E24\u5957\u3002\n \u26A0\uFE0F \u5404\u70B9\u5C3A\u5BF8/\u6846\u7EBF\u4ECD\u5728\u4EA7\u54C1\u52A0\u8F7D\u540E\u7531 resizeCanvasToPrintArea / pfmApplyLayer \u6309\u5C4F\u5E55\u7F29\u653E\u91CD\u7B97\u3002 */\n if(window.PFMSEL && PFMSEL.applyFabric){\n PFMSEL.applyFabric(fabric, { screenScale: pfmScreenScale });\n pfmApplyControlSize(); /* \u7ACB\u523B\u6309\u5F53\u524D\u5C4F\u5E55\u7F29\u653E\u843D\u4E00\u6B21\u5C3A\u5BF8\uFF08\u6539\u524D\u8FD9\u91CC\u662F\u5199\u6B7B\u7684 60/90 \u5360\u4F4D\u503C\uFF09 */\n } else {\n try{ console.warn('[pfm] assets/pfm-sel.js \u672A\u52A0\u8F7D \u21D2 \u63A7\u5236\u70B9\u4F7F\u7528 fabric \u9ED8\u8BA4\u6837\u5F0F'); }catch(e){}\n }\n drawGrid();\n /* 2026-09-13: \u753B\u5E03\u4E0A\u7684\u6D6E\u52A8\u5220\u9664\u94AE\u5DF2\u4E0B\u7EBF \u2014\u2014 \u4E0E Actions \u91CC\u7684 Delete \u529F\u80FD\u91CD\u590D\uFF0C\n \u4E14\u5728\u624B\u673A\u4E0A\u4F1A\u88AB\u63A8\u5230\u753B\u5E03\u8FB9\u7F18\u3001\u906E\u6321\u5185\u5BB9\u3002\u539F\u5220\u9664\u903B\u8F91\uFF08\u542B discardActiveObject \u9632\u9009\u4E2D\u6B8B\u7559\n + syncTextPanel\uFF09\u5DF2\u5408\u5E76\u8FDB Actions \u7684 del \u5206\u652F\u3002 */\n canvas.on('object:modified',function(){saveState();updateLayers();updateFloatToolbar();scheduleBounds();if(typeof syncTextPanel==='function')syncTextPanel()});\n canvas.on('object:added',function(e){if(!_suppressSave)saveState();updateLayers();scheduleBounds();try{if(window.__pfmInstallMultiShadow&&e&&e.target)window.__pfmInstallMultiShadow(e.target)}catch(err){}});\n canvas.on('selection:created',function(){updateFloatToolbar();if(typeof syncTextPanel==='function')syncTextPanel();pfmSyncGridVisibility();pfmLayerSyncSel();try{window.__pfmSyncBars&&window.__pfmSyncBars()}catch(e){}});\n canvas.on('selection:updated',function(){updateFloatToolbar();if(typeof syncTextPanel==='function')syncTextPanel();pfmSyncGridVisibility();pfmLayerSyncSel();try{window.__pfmSyncBars&&window.__pfmSyncBars()}catch(e){}});\n canvas.on('selection:cleared',function(){updateFloatToolbar();pfmSyncGridVisibility();pfmLayerSyncSel();try{window.__pfmSyncBars&&window.__pfmSyncBars()}catch(e){}});\n canvas.on('mouse:down',function(e){if(e.target&&!e.target.isGrid)updateFloatToolbar()});\n\n /* ===== 2026-09-14\uFF1A\u79FB\u52A8\u7AEF\u62D6\u52A8\u6027\u80FD\u4F18\u5316 =====\n \u753B\u5E03\u4F4D\u56FE 3000\u00B2\uFF089M \u50CF\u7D20\uFF09\u800C\u663E\u793A\u533A\u4EC5 808\u00B2 \u2192 \u79FB\u52A8\u7AEF GPU \u5408\u6210\u5403\u7D27\uFF0C\u62D6\u52A8\u6389\u5E27\u3002\n \u62D6\u52A8\u671F\u95F4\u505A\u4E24\u4EF6\u4F4E\u98CE\u9669\u7684\u4E8B\uFF1A\u2460 \u8DF3\u8FC7\u6BCF\u5E27\u547D\u4E2D\u68C0\u6D4B\uFF08skipTargetFind\uFF09\n \u2461 \u7ED9\u5BB9\u5668\u52A0 .pfm-dragging\uFF0C\u7531 CSS \u628A canvas \u63D0\u5347\u4E3A\u72EC\u7ACB\u5408\u6210\u5C42\u3002\n \u677E\u624B\u5373\u6062\u590D\uFF0C\u4E0D\u5F71\u54CD\u4EFB\u4F55\u65E2\u6709\u884C\u4E3A\u3002 */\n function pfmDragOptimize(on){\n try{\n canvas.skipTargetFind = !!on;\n var _inner = q('pfmCanvasInner');\n if(_inner && _inner.classList) _inner.classList.toggle('pfm-dragging', !!on);\n }catch(e){}\n }\n canvas.on('mouse:down',function(e){ if(e.target && !e.target.isGrid) pfmDragOptimize(true); });\n canvas.on('mouse:up',function(){ pfmDragOptimize(false); });\n\n /* ?perf=1 \u65F6\u663E\u793A\u5B9E\u65F6\u5E27\u7387\uFF08\u6392\u67E5\u79FB\u52A8\u7AEF\u6389\u5E27\u7528\uFF1B\u9ED8\u8BA4\u4E0D\u663E\u793A\uFF0C\u96F6\u5F71\u54CD\uFF09\u3002\n \u663E\u793A\uFF1AFPS / \u5E27\u65F6\u95F4 / \u5BF9\u8C61\u6570 / \u753B\u5E03\u5C3A\u5BF8 \u2014\u2014 \u771F\u673A\u62D6\u52A8\u65F6\u76F4\u63A5\u8BFB\u6570\u3002 */\n try{\n if((window.__pfmParams||new URLSearchParams(location.search)).get('perf')){\n var _pf=document.createElement('div');\n _pf.style.cssText='position:fixed;left:8px;top:8px;z-index:99999;background:#111;color:#0f0;font:12px/1.35 monospace;padding:7px 11px;border-radius:var(--pf-r-sm);pointer-events:none;white-space:pre';\n (document.body||document.documentElement).appendChild(_pf);\n var _fr=[],_lt=0,_worst=0;\n (function _tick(t){\n if(_lt){ var d=t-_lt; _fr.push(d); if(d>_worst)_worst=d; if(_fr.length>90)_fr.shift(); }\n _lt=t;\n if(_fr.length>10){\n var a=0,i; for(i=0;i<_fr.length;i++)a+=_fr[i]; a/=_fr.length;\n _pf.textContent='FPS '+(1000/a).toFixed(0)+' ('+a.toFixed(1)+'ms)\\nworst '+_worst.toFixed(0)+'ms drop>20ms '+\n _fr.filter(function(x){return x>20;}).length+'/'+_fr.length+\n '\\nobjs '+canvas.getObjects().length+' canvas '+canvas.width+'\u00B2';\n }\n requestAnimationFrame(_tick);\n })(performance.now());\n }\n }catch(e){}\n}\n\n// \u753B\u5E03\u8986\u76D6**\u6574\u4EF6\u8863\u670D**\uFF08\u6A21\u677F\uFF09\uFF0C\u4EA7\u54C1 ghost \u94FA\u6EE1 wrapper\uFF1B\u6253\u5370\u533A\u5355\u72EC\u7528 canvas._pfmPrintArea \u8DDF\u8E2A\uFF0C\n// \u4F9B\u8D8A\u754C\u8B66\u544A + printfile \u88C1\u5207\u30022026-08-30: \u5220\u6253\u5370\u533A\u8FB9\u754C\u9650\u5236\uFF08canvas=\u6574\u4EF6\u8863\u670D\uFF0C\u4E0D\u518D\u9650\u5B9A\u6253\u5370\u533A\uFF09\u3002\nfunction resizeCanvasToPrintArea(spec){\n if(!canvas || !spec || !spec.width || !spec.height) return;\n // Actual printfile resolution (crop multiplier for export, e.g. 1800x2400 @150dpi)\n var printW = spec.printWidth || spec.width;\n var printH = spec.printHeight || spec.height;\n // Template-relative coords (where the print area sits on the garment ghost image)\n var areaW = spec.width, areaH = spec.height;\n var templateW = spec.templateWidth || areaW;\n var templateH = spec.templateHeight || areaH;\n // \u7528\u753B\u5E03\u533A\u5BBD\u5EA6\uFF08\u5DF2\u6263 padding/margin\uFF09\u800C\u975E\u6574\u89C6\u53E3\u30022026-08-30: clientWidth \u542B padding \u4F1A\u628A\u753B\u5E03\u6491\u5230\u6EA2\u51FA\n // \uFF08784 \u2192 \u5185\u5BB9\u533A 744\uFF09\u3002\n var areaEl = q('pfmCanvasArea');\n var _padL = 0, _padR = 0;\n if(areaEl){\n var _cs = getComputedStyle(areaEl);\n _padL = parseFloat(_cs.paddingLeft) || 0;\n _padR = parseFloat(_cs.paddingRight) || 0;\n }\n var availableW = areaEl ? (areaEl.clientWidth - _padL - _padR) : Math.min(1100, window.innerWidth * 0.94);\n var maxW = Math.min(1100, availableW);\n // 2026-09-10: \u300C\u9AD8\u5EA6\u7EA6\u675F\u300D\u2014\u2014 \u753B\u5E03\u5FC5\u987B\u6574\u5757\u53EF\u89C1\uFF1A\u53EA\u6309\u5BBD\u5EA6\u7B97\u4F1A\u8BA9 inner \u9AD8\u5EA6\u8D85\u51FA\u753B\u5E03\u533A\uFF0C\u88AB flex \u538B\u6241/\u51FA\u6EDA\u52A8\u6761\u3002\n // \u6B63\u65B9\u5F62\u6A21\u677F\u5FC5\u987B\u540C\u65F6\u53D7\u53EF\u7528\u9AD8\u5EA6\u9650\u5236\uFF0C\u5426\u5219\u4EA7\u54C1\u56FE\u88AB cover \u88C1\u6389\u4E0A\u4E0B\u3002\n var _padT = 0, _padB = 0, _availH = 0;\n if(areaEl){\n var _csH = getComputedStyle(areaEl);\n _padT = parseFloat(_csH.paddingTop) || 0;\n _padB = parseFloat(_csH.paddingBottom) || 0;\n _availH = areaEl.clientHeight - _padT - _padB;\n }\n // \u9762\u677F\u9690\u85CF/\u5C1A\u672A\u5E03\u5C40\u65F6 clientHeight \u53EF\u80FD\u662F 0 \u2192 \u9000\u56DE\u7EAF\u5BBD\u5EA6\u7EA6\u675F\uFF1B\u8FC7\u5C0F\u65F6\u7ED9 200px \u4E0B\u9650\uFF08\u5B81\u53EF\u8F7B\u5FAE\u6EDA\u52A8\uFF0C\u4E0D\u8981\u753B\u5E03\u53D8\u90AE\u7968\uFF09\n var maxH;\n /* \uD83D\uDD34 2026-09-19: \u624B\u673A\u7AEF maxH **\u4E25\u683C = \u53EF\u7528\u9AD8\u5EA6**\u3002\u539F\u5B9E\u73B0 `Math.max(_availH,200)` \u7684 200px \u4E0B\u9650\n \uFF08\u539F\u610F\"\u5B81\u53EF\u8F7B\u5FAE\u6EDA\u52A8\u4E5F\u4E0D\u8981\u753B\u5E03\u53D8\u90AE\u7968\"\uFF09\u5728 _availH \u2264 200 \u65F6\u5FC5\u7136\u8BA9\u753B\u5E03\u9AD8\u4E8E\u53EF\u89C6\u533A \u21D2 \u753B\u5E03\u533A\u51FA\u73B0\n \u6EDA\u52A8\u6761 \u21D2 \u624B\u6307\u5728\u753B\u5E03\u4E0A\u6ED1\u52A8\u4F1A\u628A\u6574\u5F20\u4EA7\u54C1\u56FE\u6EDA\u8D70\uFF08\u7528\u6237\u62A5\u300C\u80CC\u666F\u56FE\u4F1A\u968F\u753B\u9762\u6ED1\u52A8\u300D\uFF09\u3002\n \u5E03\u5C40\u672A\u5C31\u7EEA\uFF08clientHeight \u2264 80\uFF0C\u5982\u753B\u677F\u521A\u6253\u5F00/\u4EA7\u54C1\u52A0\u8F7D\u4E2D\uFF09\u4E5F\u4E0D\u518D\u8D70 99999\uFF0C\u6539\u7528\u89C6\u53E3\u4F30\u7B97\uFF0C\n \u7B49 ResizeObserver \u5728\u5E03\u5C40\u7A33\u5B9A\u540E\u91CD\u7B97\u3002**\u684C\u9762\u7AEF\u903B\u8F91\u4E00\u5B57\u4E0D\u6539**\u3002 */\n var _isTouchLayout = false;\n try{ _isTouchLayout = !!(window.__pfmTouchLayout && window.__pfmTouchLayout()); }catch(e){}\n if(_isTouchLayout){\n maxH = _availH > 80 ? _availH : Math.round(window.innerHeight * 0.45);\n }else{\n maxH = _availH > 80 ? Math.max(_availH, 200) : 99999;\n }\n var targetScale = Math.min(1, maxW / templateW, maxH / templateH);\n /* 2026-10-29\uFF1A\u624B\u673A\u7AEF\u62BD\u5C49\u6253\u5F00\u65F6\uFF0C\u753B\u5E03\u7F29\u5230 60%\uFF08\u7528\u6237\uFF1A\u70B9\u5E95\u90E8\u529F\u80FD \u2192 \u8863\u670D\u753B\u677F\u7F29\u5C0F\u3001\u6536\u8D77\u6062\u590D\uFF0C\u5E45\u5EA6 0.6\uFF09\u3002\n \u914D\u5408 CSS \u62BD\u5C49\u9AD8\u5EA6\u516C\u5F0F\u628A 100vw \u6539 60vw \u21D2 \u62BD\u5C49\u9876\u8FB9\u4E0A\u79FB\u3001\u5360\u6EE1\u753B\u5E03\u7F29 60% \u540E\u7684\u5269\u4F59\u7A7A\u95F4\u3002\n \u53EA\u5F71\u54CD\u663E\u793A\uFF08targetInnerW/H\uFF09\uFF1Bcanvas \u5185\u90E8\u903B\u8F91\u5C3A\u5BF8 templateW/H \u4E0D\u53D8 \u21D2 \u5BFC\u51FA/\u751F\u4EA7\u4E0D\u53D7\u5F71\u54CD\u3002\n \u89E6\u53D1\u91CD\u7B97 = hd-edit.js bindDrawerResize\uFF08MutationObserver \u76EF #pfmProps class\uFF0C40ms \u540E\u6D3E\u53D1 resize\uFF09\u3002 */\n if (_isTouchLayout) {\n var _pfmProps = q('pfmProps');\n if (_pfmProps && _pfmProps.classList.contains('pfm-open')) targetScale *= 0.6;\n }\n var targetInnerW = Math.round(templateW * targetScale);\n var targetInnerH = Math.round(templateH * targetScale);\n\n /* \uD83D\uDD34 2026-10-13\uFF08\u7532 \u00B7 \u7528\u6237\u88C1\u51B3\uFF09\uFF1A\u5E42\u7B49\u5B88\u536B \u2014\u2014 \u53C2\u6570\u4E0E\u4E0A\u6B21\u5B8C\u5168\u4E00\u81F4\u65F6**\u4E0D\u518D\u8C03\u7528 setDimensions**\u3002\n \u6839\u56E0\uFF1A\u672C\u51FD\u6570\u5148\u8C03 setDimensions \u8BBE backstore \u5C3A\u5BF8\uFF08**\u4F1A\u91CD\u7F6E\u4F4D\u56FE**\uFF09\uFF0C\u518D pfmApplyClip()/drawGrid() \u91CD\u753B\uFF1B\n \u800C**\u7ED9 canvas \u8D4B width \u4F1A\u91CD\u7F6E\u4F4D\u56FE**\uFF08\u5373\u4F7F\u503C\u76F8\u540C\uFF0C\u89C4\u8303\u5982\u6B64\uFF09\u21D2 \u5728 setDimensions \u4E0E drawGrid \u7684 renderAll \u4E4B\u95F4\n \u5B58\u5728\u4E00\u5E27**\u7A7A\u4F4D\u56FE** \u21D2 \u9732\u51FA\u5BB9\u5668\u5E95\u56FE\uFF08#pfmZoomLayer \u7684 background-image = **\u6574\u5E45\u6A21\u677F\u56FE**\uFF0Cproduct 71 \u7684 3000\u00B2\n \u6A21\u677F**\u542B\u6B63+\u80CC\u9762\u89C6\u56FE**\uFF09\u21D2 \u8868\u73B0\u4E3A\u300C\u7F16\u8F91\u65F6\u95EA\u4E00\u4E0B\u80CC\u540E\u7684\u56FE\u7247\u300D\u3002\n \u89E6\u53D1\uFF1A\u8C03\u7528\u65B9 getImageBounds \u7684**\u5F02\u6B65\u56DE\u8C03**\uFF08\u672C\u6587\u4EF6 584 \u884C\uFF09\u5728\u5E95\u56FE\u52A0\u8F7D\u5B8C\u6210\u540E**\u91CD\u5165**\u672C\u51FD\u6570\uFF0Cspec \u4E0E\u5F53\u524D\u4E00\u81F4\n \u21D2 \u7EAF\u5C5E\u91CD\u590D\u6E05\u56FE + \u91CD\u7ED8 \u21D2 \u5FC5\u95EA\u3002\n \u5B88\u536B\u53EA\u770B\u300C\u6A21\u677F\u5C3A\u5BF8 + \u76EE\u6807\u663E\u793A\u5C3A\u5BF8 + \u6253\u5370\u533A\u300D\u662F\u5426\u53D8\u5316\uFF1A\u53D8\uFF08\u9996\u5E27 / \u7A97\u53E3 resize / \u5207\u9762 spec \u4E0D\u540C\uFF09\u21D2 \u7167\u5E38\u6267\u884C\uFF1B\n \u4E0D\u53D8 \u21D2 \u8DF3\u8FC7 setDimensions\uFF08**\u4E0D\u518D\u6E05\u7A7A\u4F4D\u56FE**\uFF09\uFF1B\u4E0B\u9762 pfmApplyClip/drawGrid/pfmSyncGridVisibility \u4ECD\u7167\u5E38\u8DD1\u3002 */\n var inner = q('pfmCanvasInner');\n /* 2026-10-29\uFF1Atouch \u5F62\u6001\u753B\u5E03\u6709\u8FC7\u6E21\u52A8\u753B\uFF0C\u8BFB clientWidth \u4F1A\u62FF\u5230\u65E7\u503C \u21D2 _rzKey \u4E0D\u7A33\u3001\u8FC7\u6E21\u4E2D\u53CD\u590D setDimensions\n \u6253\u65AD\u52A8\u753B\u3002touch \u4E0B ~ \u6BB5\u6539\u7528\u76EE\u6807\u503C targetInnerW\uFF0C\u5E42\u7B49\u5B88\u536B\u624D\u80FD\u7A33\u4F4F\uFF1B\u684C\u9762\u7AEF\u4E0D\u53D8\u3002 */\n var _rzKey = templateW+'x'+templateH+'@'+targetInnerW+'x'+targetInnerH\n +'#'+spec.left+','+spec.top+','+areaW+','+areaH+'/'+printW+'x'+printH\n +'~'+(inner?(_isTouchLayout ? (targetInnerW+'x'+targetInnerH) : (inner.clientWidth+'x'+inner.clientHeight)):'');\n var _rzSame = (canvas._pfmResizeKey === _rzKey);\n canvas._pfmResizeKey = _rzKey;\n\n // Apply wrapper size first, then read back its real rendered size to guarantee alignment\n if(!_rzSame && inner){ inner.style.width=targetInnerW+'px'; inner.style.height=targetInnerH+'px'; }\n\n var actualInnerW = (inner && _isTouchLayout) ? targetInnerW : (inner ? inner.clientWidth : targetInnerW);\n var actualInnerH = (inner && _isTouchLayout) ? targetInnerH : (inner ? inner.clientHeight : targetInnerH);\n\n // Canvas = WHOLE garment: logical size = template, CSS display = wrapper (0,0 origin).\n var canvasCssScale = actualInnerW / templateW;\n if(!_rzSame){\n canvas.setDimensions({width: templateW, height: templateH});\n canvas.setDimensions({width: actualInnerW, height: actualInnerH},{cssOnly:true});\n }\n canvas._pfmDisplayScale = canvasCssScale;\n canvas._pfmPrintWidth = printW;\n canvas._pfmPrintHeight = printH;\n // Print-area rectangle in TEMPLATE (canvas) coords \u2014 drives the out-of-area warning\n // (checkPrintBounds) and the printfile crop (exportAllPlacements).\n /* 2026-10-22\uFF08\u7532\uFF09\uFF1A\u6253\u5370\u533A\u6846\u53D8\u5316\u65F6\u91CD\u6392\u8BBE\u8BA1\u5BF9\u8C61\uFF0C\u4FDD\u6301\u76F8\u5BF9\u6253\u5370\u533A\u5DE6\u4E0A\u89D2\u7684\u6BD4\u4F8B\u4F4D\u7F6E\u3002\n \u6839\u56E0\uFF1A\u7F51\u7EDC\u4E0D\u4F73\u65F6\u5148\u6309 fallback \u6846\uFF08isFallback\uFF09\u753B\u6846\uFF0Cprintfiles \u771F\u6570\u636E\u5230\u8FBE\u540E\u6846\u4F4D\u7F6E/\u5927\u5C0F\u53D8\u4E86\uFF0C\n \u4F46\u8D34\u7EB8\u8FD8\u505C\u5728\u65E7\u6846\u5750\u6807\u4E0B \u21D2 \u6253\u5370\u533A\u6846\u4F4D\u7F6E/\u5927\u5C0F\u4E0D\u5BF9\u3002\u8FD9\u91CC\u5728\u300C\u6846\u53D8\u5316\u300D\u65F6\u6309\u6BD4\u4F8B\u5E73\u79FB\u8D34\u7EB8\uFF08\u5C3A\u5BF8\u4E0D\u53D8\uFF09\u3002\n \u5207\u9762\u5207\u6362\u65F6\u753B\u5E03\u5DF2 clear\uFF08\u65E0\u5BF9\u8C61\u53EF\u6392\uFF09\u3001\u7A97\u53E3 resize \u53EA\u6539 CSS \u7F29\u653E\u4E0D\u6539\u6A21\u677F\u5750\u6807\uFF08_moved=false\uFF09\u21D2 \u5747\u4E0D\u53D7\u5F71\u54CD\u3002 */\n var _pfmOldPa = canvas._pfmPrintArea;\n canvas._pfmPrintArea = { left: spec.left, top: spec.top, width: areaW, height: areaH, templateW: templateW, templateH: templateH };\n if (_pfmOldPa && _pfmOldPa.width && _pfmOldPa.height) {\n var _pfmMoved = (_pfmOldPa.left !== spec.left || _pfmOldPa.top !== spec.top || _pfmOldPa.width !== areaW || _pfmOldPa.height !== areaH);\n if (_pfmMoved) {\n var _pfmRx = areaW / _pfmOldPa.width;\n var _pfmRy = areaH / _pfmOldPa.height;\n canvas.getObjects().forEach(function (_o) {\n if (_o.isGrid || _o.isPreview) return;\n _o.set({\n left: spec.left + (_o.left - _pfmOldPa.left) * _pfmRx,\n top: spec.top + (_o.top - _pfmOldPa.top) * _pfmRy\n });\n _o.setCoords();\n });\n canvas.requestRenderAll();\n }\n }\n\n /* \uD83D\uDD34\uD83D\uDD34 2026-10-04\uFF1A\u63A7\u5236\u70B9\u65CF\uFF08\u89C6\u89C9\u76F4\u5F84 8px / \u547D\u4E2D\u533A 22px / \u65CB\u8F6C\u70B9\u95F4\u8DDD 32px / \u6846\u7EBF 3px\uFF09\n \u7684\u5C4F\u5E55\u6052\u5B9A\u7EDF\u4E00\u8D70 `pfmApplyControlSize()`\uFF08\u5185\u90E8\u53D6 `pfmScreenScale()` = CSS \u7F29\u653E \u00D7 **\u6574\u4F53\u7F29\u653E**\uFF09\u3002\n \u6539\u524D\u8FD9\u91CC\u53EA\u9664\u4E86 `canvasCssScale`\uFF0C\u6F0F\u4E86\u6574\u4F53\u7F29\u653E \u21D2 \u653E\u5927\u753B\u5E03\u65F6\u63A7\u5236\u6846\u6574\u4F53\u53D8\u5927\u3002\n \uFF08\u672C\u5757\u4E0E `pfmApplyLayer()` \u91CC\u90A3\u6B21\u8C03\u7528\u662F**\u540C\u4E00\u4E2A\u51FD\u6570** \u21D2 \u4E00\u6761\u89C4\u5219\u53EA\u7559\u4E00\u4EFD\u5B9E\u73B0\u3002\uFF09 */\n pfmApplyControlSize();\n\n var container = inner && inner.querySelector('.canvas-container');\n if(container){\n container.style.position='absolute';\n container.style.left='0px'; container.style.top='0px';\n container.style.width=actualInnerW+'px'; container.style.height=actualInnerH+'px';\n var upper=container.querySelector('.upper-canvas');\n if(upper){ upper.style.pointerEvents='auto'; upper.style.width=actualInnerW+'px'; upper.style.height=actualInnerH+'px'; }\n var lower=container.querySelector('.lower-canvas');\n if(lower){ lower.style.width=actualInnerW+'px'; lower.style.height=actualInnerH+'px'; }\n }\n // 2026-08-30: \u753B\u5E03\u89C6\u89C9\u88C1\u526A\uFF08\u6240\u89C1\u5373\u6240\u5F97\uFF09\u2014 \u8D85\u51FA\u6253\u5370\u533A\u7684\u5185\u5BB9\u4E0D\u663E\u793A\uFF08\u5BF9\u8C61\u4ECD\u53EF\u62D6\u52A8/\u9009\u4E2D\uFF09\n pfmApplyClip();\n drawGrid();\n pfmSyncGridVisibility(); // 2026-08-30: \u6253\u5370\u533A\u8FB9\u6846\u8DDF\u968F\u9009\u4E2D\u72B6\u6001\u663E\u793A/\u9690\u85CF\n /* 2026-10-14\uFF08\u7532\uFF09\uFF1A\u5370\u533A**\u521A\u5C31\u7EEA** \u21D2 \u7ACB\u523B\u653E\u51FA\u6392\u961F\u7684\u8D34\u56FE\uFF08\u4E0D\u5FC5\u7B49 250ms \u8F6E\u8BE2\u90A3\u4E00\u62CD\uFF09\u3002\n \u26A0\uFE0F \u5FC5\u987B\u653E\u5728\u672B\u884C\uFF1A\u6B64\u523B clipPath / \u7F51\u683C / \u63A7\u5236\u70B9\u5C3A\u5BF8\u90FD\u5DF2\u843D\u5B9A\uFF0C\u65B0\u52A0\u5165\u7684\u5BF9\u8C61\u4E0D\u4F1A\u88AB\u91CD\u6392\u3002 */\n try{ if(typeof _pfmFlushImgQueue === 'function') _pfmFlushImgQueue(); }catch(e){}\n}\n\n// 2026-08-30: \u552F\u4E00 clipPath \u8BBE\u7F6E\u6E90 \u2014 \u628A\u753B\u5E03\u6E32\u67D3\u88C1\u526A\u5230\u6253\u5370\u533A\u77E9\u5F62\u3002\n// loadFromJSON \u6062\u590D/\u64A4\u9500/\u91CD\u505A\u540E\u5FC5\u987B\u91CD\u65B0\u8C03\u7528\uFF08fabric \u6062\u590D\u53EF\u80FD\u6E05\u6389 canvas.clipPath\uFF09\nfunction pfmApplyClip(){\n if(!canvas) return;\n var pa = canvas._pfmPrintArea;\n if(pa){\n canvas.clipPath = new fabric.Rect({\n left: pa.left, top: pa.top, width: pa.width, height: pa.height,\n absolutePositioned: true, originX: 'left', originY: 'top',\n selectable: false, evented: false\n });\n } else {\n canvas.clipPath = null;\n }\n if(canvas.requestRenderAll) canvas.requestRenderAll();\n}\n\n// 2026-08-30: \u9009\u4E2D\u5BF9\u8C61\u65F6\u663E\u793A\u6253\u5370\u533A\u8FB9\u6846\uFF08\u865A\u7EBF\u6846+\u5341\u5B57\u7EBF\uFF09\uFF0C\u5426\u5219\u9690\u85CF\n// \u7ED1\u5B9A selection:created/updated/cleared\uFF1BdrawGrid/restoreState \u540E\u4E5F\u540C\u6B65\u4E00\u6B21\nfunction pfmSyncGridVisibility(){\n if(!canvas) return;\n var show = !!canvas.getActiveObject();\n canvas.getObjects().forEach(function(o){\n if(o.isGrid && o.visible !== show) o.set('visible', show);\n });\n if(canvas.requestRenderAll) canvas.requestRenderAll();\n}\n\n// ===== GRID / PRINT AREA =====\n// 2026-08-30: canvas=\u6574\u4EF6\u8863\u670D \u2014\u2014 grid \u53EA\u753B\u6253\u5370\u533A\u4F4D\u7F6E\u7684\u53C2\u7167\uFF08\u865A\u7EBF\u6846+\u5341\u5B57\u7EBF\uFF09\uFF0C\n// \u4E0D\u518D\u753B canvas \u8FB9\u754C\u6846\u3001\u4E0D\u518D\u753B\u534A\u900F\u660E\u586B\u5145\u5E95\uFF08\u4E0D\u9650\u5236\u8BBE\u8BA1\uFF09\u3002\n/* 2026-10-14: \u6253\u5370\u533A\u6846\u5BF9\u8C61\u4E00\u5F8B\u300C\u6052\u4E0D\u53EF\u4EA4\u4E92\u300D\u3002\n \u26A0\uFE0F \u53EA\u5728\u5185\u5B58\u91CC\u8BBE selectable/evented **\u4E0D\u591F** \u2014\u2014 fabric \u4E0D\u5E8F\u5217\u5316\u8FD9\u4E24\u4E2A\u5B57\u6BB5\uFF0C\u4ECE JSON \u590D\u6D3B\u7684\u6846\u4F1A\u53D8\u56DE\n \u53EF\u9009/\u53EF\u62D6/\u53EF\u8F6C\uFF08\u7528\u6237\u5B9E\u6D4B\u300C\u6062\u590D\u8BBE\u8BA1\u540E\u6253\u5370\u533A\u88AB\u8F6C\u6B6A\u300D\uFF09\u3002\u6545\u53CC\u4FDD\u9669\uFF1A\n \u2460 \u8FD9\u91CC\u8865 lock* + hasControls\uFF1B\u2461 \u8FD8\u539F\u8DEF\u5F84\u7EDF\u4E00\u300C\u4E22\u5F03\u65E7\u6846 + drawGrid() \u91CD\u753B\u300D\uFF08\u89C1 restoreState\uFF09\u3002 */\nfunction _pfmLockGrid(o){\n try{\n o.set({selectable:false,evented:false,hasControls:false,perPixelTargetFind:false,\n lockMovementX:true,lockMovementY:true,lockRotation:true,lockScalingX:true,lockScalingY:true});\n }catch(e){}\n o.isGrid=true;\n return o;\n}\nfunction drawGrid(){\n canvas.getObjects().forEach(function(o){if(o.isGrid)canvas.remove(o)});\n if(!showGrid||!canvas){canvas&&canvas.renderAll();return}\n var pa=canvas._pfmPrintArea;\n if(!pa){canvas.renderAll();return}\n var w=pa.width, h=pa.height, lx=pa.left, ty=pa.top;\n var glow='rgba(0,0,0,0.55) 0 0 6px';\n // 2026-09-04: \u6253\u5370\u533A\u6307\u793A\u7EBF\u300C\u5C4F\u5E55\u6052\u5B9A\u300D\u2014\u2014 \u903B\u8F91\u5BBD = 3 / _pfmDisplayScale\uFF08\u540C\u63A7\u5236\u70B9 cornerSize \u516C\u5F0F\uFF09\uFF0C\n // \u5426\u5219\u9AD8\u5206\u8FA8\u7387\u6A21\u677F\u4F1A\u663E\u7EC6\u3002\u76EE\u6807\u89C6\u89C9 3px\uFF082026-09-10 \u52A0\u7C97 2\u21923\uFF09\u3002\n var _sc = pfmScreenScale(); /* 2026-10-04: \u542B**\u6574\u4F53\u7F29\u653E**\uFF08\u6539\u524D\u53EA\u9664 CSS \u7F29\u653E \u21D2 \u653E\u5927\u65F6\u6307\u793A\u7EBF\u53D8\u7C97\uFF09 */\n var gridSW = Math.max(1, Math.round(3 / _sc));\n var dash = [Math.max(2, Math.round(6 / _sc)), Math.max(2, Math.round(3 / _sc))];\n var sw = gridSW, inset = sw / 2;\n var left=lx, top=ty, right=lx+w, bottom=ty+h;\n var borderOpt={stroke:'#1FBDB7',strokeWidth:sw,strokeDashArray:dash,fill:'',shadow:glow,strokeLineCap:'butt',strokeLineJoin:'miter',strokeMiterLimit:2};\n var border=new fabric.Path('M '+left+' '+top+' L '+right+' '+top+' L '+right+' '+bottom+' L '+left+' '+bottom+' Z', borderOpt);\n canvas.add(_pfmLockGrid(border));\n var cx=lx+w/2, cy=ty+h/2;\n var l1=new fabric.Line([cx,ty,cx,ty+h],{stroke:'#1FBDB7',strokeWidth:gridSW,strokeDashArray:dash,shadow:glow});canvas.add(_pfmLockGrid(l1));\n var l2=new fabric.Line([lx,cy,lx+w,cy],{stroke:'#1FBDB7',strokeWidth:gridSW,strokeDashArray:dash,shadow:glow});canvas.add(_pfmLockGrid(l2));\n pfmSyncGridVisibility(); // 2026-08-30: \u6253\u5370\u533A\u8FB9\u6846\u8DDF\u968F\u9009\u4E2D\u72B6\u6001\u663E\u793A/\u9690\u85CF\uFF08\u6240\u6709 drawGrid \u8C03\u7528\u70B9\u81EA\u52A8\u751F\u6548\uFF09\n canvas.renderAll();\n}\n\n// ===== HISTORY\uFF08\u6BCF placement \u4E00\u4EFD\uFF09=====\n// 2026-09-01: saveState 300ms \u9632\u6296\u5408\u5E76 + \u6808\u9876\u53BB\u91CD\uFF1B\u9632\u6296\u56DE\u8C03\u7528\u6355\u83B7\u7684 plc\u3001\u4E0D\u518D\u8BFB canvas\uFF08\u9632\u5207\u9762\u540E\u4E32\u6808\uFF09\u3002\n// 2026-09-01: undo/redo \u91CD\u5EFA\u671F\u95F4\u5FC5\u987B\u6291\u5236 object:added \u81EA\u52A8 saveState \u2014\u2014 \u91CD\u5EFA\u5FEB\u7167\u53EA\u542B grid \u4E0D\u542B\u7528\u6237\u56FE\u7247\uFF0C\n// \u5165\u6808\u4F1A\u5BFC\u81F4\u300C\u8FDE\u7EED\u4E24\u6B21 undo \u56FE\u7247\u6C38\u4E45\u6D88\u5931\u300D\u56DE\u5F52\uFF08P1-1 \u5F15\u5165\uFF09\u3002\nvar _saveTimer = null;\nvar _suppressSave = false;\n/* \u2500\u2500 2026-10-14\uFF1A\u5E8F\u5217\u5316\u767D\u540D\u5355\u3010\u9632\u56DE\u5F52\u81EA\u68C0\u3011\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n `fabric.Object.prototype.toObject`\uFF08\u89C1\u672C\u6587\u4EF6\u4E0A\u65B9\u8865\u4E01\uFF09\u7528\u7684\u662F\u3010\u6B63\u5411\u767D\u540D\u5355\u3011\u21D2\n \u5F80\u5BF9\u8C61\u4E0A\u65B0\u52A0\u7684\u81EA\u5B9A\u4E49\u5C5E\u6027\u4F1A\u88AB\u3010\u9759\u9ED8\u4E22\u5F03\u3011\uFF1A\u4E0D\u62A5\u9519\u3001\u4E0D\u629B\u5F02\u5E38\uFF0C\u53EA\u5728\"\u91CD\u8FDB\u9875\u9762 / \u64A4\u9500\u4E4B\u540E\n \u67D0\u4E2A\u529F\u80FD\u574F\u6389\"\u65F6\u624D\u66B4\u9732\u3002\u5DF2\u6709\u4E24\u6B21\u5148\u4F8B \u2014\u2014 `pfmName`\u3001`pfmArcDeg`/`pfmArcDir`\uFF082026-10-14\n \u7528\u6237\u62A5\u300C\u7ED8\u753B\u533A\u7834\u788E\u300D\u7684\u6839\u56E0\uFF09\u3002\n \u672C\u81EA\u68C0\u5728\u5B58\u5FEB\u7167\u65F6\u62BD\u67E5\uFF1A\u5BF9\u8C61\u4E0A\u3010\u81EA\u6709\u3011\u3001\u540D\u5B57\u4EE5 `_*pfm` \u5F00\u5934\u3001\u53C8\u4E0D\u5728 `toObject()` \u7ED3\u679C\u91CC\u7684\n \u5C5E\u6027 \u21D2 \u63A7\u5236\u53F0\u70B9\u540D\uFF0C\u6307\u660E\u8BE5\u767B\u8BB0\u5230\u767D\u540D\u5355\u3001\u8FD8\u662F\u8BE5\u767B\u8BB0\u4E3A\"\u8FD0\u884C\u65F6\u7F13\u5B58\"\u3002\n \u00B7 \u8282\u6D41 5s \u00B7 \u53EA\u8DD1\u5728 saveState\uFF08\u975E\u70ED\u8DEF\u5F84\uFF09\u00B7 \u5168\u7A0B try \u5305\u88F9 \u21D2 \u7EDD\u4E0D\u5F71\u54CD\u4E3B\u6D41\u7A0B\u3002\n \uD83D\uDD34 \u4EE5\u540E\u65B0\u589E\u81EA\u5B9A\u4E49\u5C5E\u6027\uFF1A\u4F18\u5148\u767B\u8BB0\u5230\u4E0A\u65B9 toObject \u767D\u540D\u5355\uFF1B\u786E\u5B9E\u53EA\u662F\u8FD0\u884C\u65F6\u7F13\u5B58 \u21D2 \u767B\u8BB0\u5230 PFM_RUNTIME_ONLY\u3002 */\nvar _pfmAuditAt = 0;\nvar PFM_RUNTIME_ONLY = {\n _pfmNoClick: 1, _pfmCB: 1, _pfmCBKey: 1, /* \u8FDE\u70B9\u4FDD\u62A4 / \u5305\u56F4\u76D2\u7F13\u5B58\uFF08\u5E26 key \u6821\u9A8C\uFF0C\u4F1A\u81EA\u6108\uFF09 */\n _pfmS0: 1, _pfmW0: 1, /* \u5C3A\u5BF8\u57FA\u51C6\uFF08\u4E22\u5931\u540E\u6309\u5F53\u524D scale \u91CD\u5EFA\uFF0C\u6539\u524D\u884C\u4E3A\uFF09 */\n __pfmFxSafe: 1, /* \u6EE4\u955C\u5B89\u5168\u5224\u5B9A\u7F13\u5B58\uFF08\u53EF\u91CD\u7B97\uFF09 */\n _pfmOrigW: 1, _pfmOrigH: 1 /* \u7D20\u6750\u5E93\u539F\u56FE\u5C3A\u5BF8\uFF1A\u4EC5 addImage \u65F6\u7528\u4E8E DPI \u5224\u5B9A\uFF08\u5BFC\u51FA\u8D70 _pfmOrigUrl\uFF09 */\n};\nfunction pfmAuditSerializedProps(){\n try {\n var now = Date.now();\n if (now - _pfmAuditAt < 5000) return;\n _pfmAuditAt = now;\n if (!canvas || !canvas.getObjects) return;\n var miss = {}, names = [];\n canvas.getObjects().forEach(function(o){\n if (!o || o.isGrid || o.isPreview) return;\n var keys; try { keys = Object.keys(o); } catch (e) { return; }\n var json = null; /* \u61D2\u5E8F\u5217\u5316\uFF1A\u53EA\u6709\u771F\u7684\u547D\u4E2D\u53EF\u7591\u5C5E\u6027\u624D\u4ED8\u51FA\u8FD9\u6B21\u6210\u672C */\n keys.forEach(function(k){\n if (!/^_*pfm/i.test(k)) return;\n if (PFM_RUNTIME_ONLY[k]) return;\n if (json === null) { try { json = o.toObject(); } catch (e) { json = {}; } }\n if (!(k in json)) {\n if (!miss[k]) { miss[k] = []; names.push(k); }\n if (miss[k].indexOf(o.type) < 0) miss[k].push(o.type || '?');\n }\n });\n });\n if (names.length) {\n console.warn('[hd] \u5E8F\u5217\u5316\u767D\u540D\u5355\u53EF\u80FD\u6F0F\u9879 \u2014\u2014 \u8FD9\u4E9B\u81EA\u5B9A\u4E49\u5C5E\u6027\u4E0D\u4F1A\u8FDB\u8349\u7A3F/\u64A4\u9500\u5FEB\u7167\uFF0C\u6062\u590D\u540E\u4F1A\u4E22: '\n + names.map(function(k){ return k + '(' + miss[k].join('/') + ')'; }).join(', ')\n + ' \u21D2 \u8BF7\u767B\u8BB0\u5230 hd-canvas.js \u7684 toObject \u767D\u540D\u5355\uFF08\u6216\u52A0\u5165 PFM_RUNTIME_ONLY\uFF09');\n }\n } catch (e) { /* \u81EA\u68C0\u81EA\u8EAB\u7EDD\u4E0D\u5192\u6CE1 */ }\n}\ntry{ window.__pfmAuditSerializedProps = pfmAuditSerializedProps; }catch(e){}\n\nfunction saveState(){\n var plc = currentPlacement;\n try{ pfmAuditSerializedProps(); }catch(e){} /* 2026-10-14\uFF1A\u767D\u540D\u5355\u9632\u56DE\u5F52\u81EA\u68C0\uFF08\u8282\u6D41 5s\uFF09 */\n /* 2026-10-25\uFF1A**\u5E8F\u5217\u5316\u79FB\u51FA\u70ED\u8DEF\u5F84** \u2014\u2014 \u6ED1\u6746\u62D6\u52A8\u65F6\u672C\u51FD\u6570\u6BCF\u5E27\u88AB\u8C03\uFF08Scale \u6ED1\u6746 rAF / Shadow \u624B\u8C03\uFF09\uFF0C\n \u539F\u5B9E\u73B0\u5728\u8FD9\u91CC**\u7ACB\u5373** canvas.toJSON()\uFF08\u540C\u6B65\u5E8F\u5217\u5316\u6574\u5757\u753B\u5E03\u6240\u6709\u5BF9\u8C61\uFF09\u21D2 \u624B\u673A\u4E0A\u6BCF\u5E27\u8DD1\u4E0D\u5B8C\u6389\u5E27\uFF08\u5361\u987F\u4E3B\u56E0\uFF09\u3002\n \u6539\u4E3A 300ms \u9632\u6296\u540E\u624D\u5E8F\u5217\u5316\uFF1A\u62D6\u52A8\u4E2D\u96F6\u5E8F\u5217\u5316\u3001\u505C\u987F\u540E\u53EA\u5B58\u4E00\u6B21\u7EC8\u6001\uFF08\u4E0E\u539F setTimeout \u9632\u6296\u8BED\u4E49\u4E00\u81F4\uFF0C\u64A4\u9500\u6808\u4E0D\u53D7\u5F71\u54CD\uFF09\u3002\n flushPendingSave / restore \u4ECD\u5404\u81EA toJSON\uFF0C\u4E0D\u4F9D\u8D56\u8FD9\u91CC\u7684\u5373\u65F6\u5FEB\u7167\u3002 */\n clearTimeout(_saveTimer);\n _saveTimer = setTimeout(function(){\n var snap = JSON.stringify(canvas.toJSON());\n var st = placementUndo[plc] || (placementUndo[plc] = []);\n if(st.length && st[st.length-1] === snap) return; // \u4E0E\u6808\u9876\u76F8\u540C \u2192 \u53BB\u91CD\u4E0D\u5165\u6808\n st.push(snap);\n if(st.length>30)st.shift();\n placementRedo[plc]=[];\n if(currentPlacement === plc) markPlacementArt(); // \u4EC5\u672A\u5207\u6362 placement \u624D\u5237\u7F29\u7565\u56FE/\u6807\u8BB0\n }, 300);\n}\n// 2026-09-01 FIX(\u6839\u56E0): undo/redo \u524D\u5148 flush pending \u5FEB\u7167\uFF0C\u4FDD\u6301\u300C\u6808\u9876=\u5F53\u524D\u753B\u5E03\u300D\u4E0D\u53D8\u91CF\u3002\n// \u5426\u5219\u6808\u9876(\u65E7)\u2260\u753B\u5E03(\u65B0)\uFF0Cpop \u540E restore \u5230\u66F4\u65E9\u7684 grid-only \u5FEB\u7167 \u2192 \u56FE\u7247\u300C\u6D88\u5931\u300D\u3002\nfunction flushPendingSave(){\n if(!_saveTimer) return;\n clearTimeout(_saveTimer);\n _saveTimer = null;\n var plc = currentPlacement;\n var st = placementUndo[plc] || (placementUndo[plc] = []);\n var snapNow = JSON.stringify(canvas.toJSON()); // \u6B64\u523B\u753B\u5E03\u5185\u5BB9\u5373\u5F53\u524D\u72B6\u6001\n if(st.length && st[st.length-1] === snapNow) return;\n st.push(snapNow);\n if(st.length>30)st.shift();\n placementRedo[plc]=[]; // \u65B0\u64CD\u4F5C\u6253\u65AD redo \u94FE\n if(currentPlacement === plc) markPlacementArt();\n}\n/* 2026-10-14 \uD83D\uDD34\uD83D\uDD34 \u6253\u5370\u533A\u6846\u51C0\u5316\uFF08\u552F\u4E00\u5B9E\u73B0\uFF09\u3002\n \u8FD8\u539F\u8DEF\u5F84\uFF08restoreState = \u5168\u7AD9\u552F\u4E00 loadFromJSON \u70B9\uFF1A\u64A4\u9500/\u91CD\u505A/\u5207\u9762\u5916\u7684\u8349\u7A3F\u6062\u590D/\u4E91\u7AEF\u5DE5\u7A0B\uFF09\u4F1A\u628A JSON \u91CC\u7684\n \u6846\u5E26\u56DE\u753B\u5E03\uFF0C\u800C\uFF1A\u2460 fabric \u4E0D\u5E8F\u5217\u5316 selectable/evented \u21D2 \u5E26\u56DE\u7684\u6846**\u53EF\u9009\u4E2D/\u53EF\u62D6\u52A8/\u53EF\u65CB\u8F6C**\uFF08\"\u6062\u590D\u8BBE\u8BA1\u540E\n \u6253\u5370\u533A\u88AB\u8F6C\u6B6A\"\uFF09\uFF1B\u2461 \u66F4\u8001\u7684\u6570\u636E\u8FDE isGrid \u90FD\u6CA1\u6709 \u21D2 drawGrid() \u5220\u4E0D\u6389 \u21D2 \u6C38\u4E45\u591A\u4E00\u4E2A\u5047\u6846\uFF0C\u4E14\u4F1A\u88AB\n exportAllPlacements \u5F53\u6210\u4F5C\u54C1\u52A0\u8FDB\u79BB\u5C4F\u753B\u5E03\uFF08**\u53EF\u80FD\u88AB\u5370\u5230\u8863\u670D\u4E0A**\uFF09\u3002\n \u5224\u636E\uFF08\u4EFB\u4E00\u547D\u4E2D\u5373\u4E22\u5F03\uFF09\uFF1AisGrid===true \uFF5C \u9752\u8272 #1FBDB7 + \u65E0 fill + path/line + \u6709\u865A\u7EBF + \u6709\u9634\u5F71\n \uFF08\u540E 5 \u6761\u540C\u65F6\u6210\u7ACB\u5168\u7AD9\u53EA\u7531 drawGrid() \u4EA7\u751F \u2014\u2014 \u7528\u6237\u624B\u753B\u7684\u7EBF\u4E0D\u4F1A\u5168\u4E2D\uFF09\u3002 */\nfunction pfmStripGridObjects(){\n var n=0;\n try{\n canvas.getObjects().slice().forEach(function(o){\n if(!o) return;\n var hit = !!o.isGrid;\n if(!hit && o.stroke==='#1FBDB7' && !o.fill && (o.type==='path'||o.type==='line') && o.strokeDashArray && o.shadow) hit=true;\n if(hit){ canvas.remove(o); n++; }\n });\n }catch(e){}\n return n;\n}\n/* 2026-10-15\uFF1AARC \u91CD\u5EFA\uFF08\u5168\u5C40\uFF0C\u4F9B doUndo/doRedo \u5EF6\u8FDF\u8C03\u7528\uFF09\u3002\n \u64A4\u9500/\u91CD\u505A\u540E\u6587\u5B57\u7684 path \u662F\u300C\u88F8\u5BF9\u8C61\u300D\u21D2 fabric _render \u5D29\u6E83 / \u6587\u5B57\u4E0D\u53EF\u89C1\u3002\n \u51E1 pfmArcDir\u2208{up,down} \u7684\u6587\u5B57 \u21D2 \u7528\u5EA6\u6570\u91CD\u5EFA\u6B63\u89C4 fabric.Path\uFF1B\u574F path \u4E00\u5E76\u4E22\u5F03\u3002 */\nfunction pfmRebuildArcs(){\n /* 2026-10-15 v5\uFF1A\u8F6E\u8BE2\u7248 \u2014\u2014 loadFromJSON \u5F02\u6B65\uFF0CpfmArcDir \u53EF\u80FD\u665A\u4E8E setTimeout \u6062\u590D\u3002\n \u7528\u5148\u6062\u590D\u7684 pfmArcDeg \u5224\u300C\u8BE5\u6709\u5F27\u300D\uFF1B\u65B9\u5411\u8FD8\u6CA1\u5230\u5C31**\u91CD\u8BD5**\uFF0C\u6700\u591A 20 \u6B21\u00D7100ms\u3002 */\n var _tries = 0;\n (function _run(){\n _tries++;\n var _fixed = 0, _pending = 0;\n var _old = _suppressSave; _suppressSave = true; /* \u91CD\u5EFA o.set \u89E6\u53D1 object:modified\u2192saveState \u4F1A\u6C61\u67D3\u64A4\u9500\u6808 */\n try{\n if(canvas && canvas.getObjects){\n canvas.getObjects().forEach(function(o){\n try{\n /* 2026-10-15 \u4FEE\u6B63\u5224\u636E\uFF1A**\u53EA\u6709 path \u5B58\u5728\u4E14\u662F\u300C\u574F\u5BF9\u8C61\u300D\u65F6\u624D\u91CD\u5EFA**\u3002\n \u539F\u5224\u636E\u7528 `pfmArcDeg \u662F\u6570\u5B57` \u21D2 \u64A4\u9500\u5230\u300C\u65E0\u5F27\u300D\u72B6\u6001\u65F6\uFF08\u5FEB\u7167\u91CC pfmArcDeg \u4ECD\u662F\u9ED8\u8BA4 52\uFF09\n \u4F1A\u628A\u5F27**\u52A0\u56DE\u53BB** \u21D2 \u64A4\u9500/\u91CD\u505A\u8BED\u4E49\u88AB\u7834\u574F\uFF08\u7528\u6237\u62A5\u300C\u4E00\u65E6\u7528 ARC\uFF0C\u64A4\u9500\u91CD\u505A\u5C31\u9519\u300D\uFF09\u3002\n \u73B0\u5728\uFF1Apath \u4E3A\u7A7A\uFF08\u64A4\u9500\u5230\u65E0\u5F27\uFF09\u21D2 \u4EC0\u4E48\u90FD\u4E0D\u505A\uFF1Bpath \u6B63\u5E38 \u21D2 \u4E0D\u52A8\uFF1Bpath \u662F\u88F8\u5BF9\u8C61 \u21D2 \u624D\u91CD\u5EFA\u3002 */\n /* 2026-10-15 **\u6839\u672C\u89E3\u6CD5**\uFF1Apath \u5DF2\u4E0D\u8FDB\u5FEB\u7167 \u21D2 \u6062\u590D\u540E\u3010\u5FC5\u7136\u3011\u8981\u91CD\u5EFA\u3002\n \u5224\u636E\u7528 pfmArcDir\uFF08\u53EA\u5728\u300C\u6709\u5F27\u300D\u65F6\u624D\u88AB arcPath \u5199\u5165\uFF1B\u65E0\u5F27\u5FEB\u7167\u5B9E\u8BC1\u4E3A undefined\uFF09\n \u21D2 \u64A4\u9500\u5230\u300C\u65E0\u5F27\u300D\u65F6\u4E0D\u4F1A\u8BEF\u52A0\u5F27\uFF0C\u91CD\u505A\u5230\u300C\u6709\u5F27\u300D\u65F6\u5FC5\u5B9A\u91CD\u5EFA\u3002 */\n if(o.type==='i-text' || o.type==='text'){\n var _dir = o.pfmArcDir;\n if(_dir==='up' || _dir==='down'){\n var _a = (window.__hdText && window.__hdText.arcPath) ? window.__hdText.arcPath(o, _dir) : null;\n if(_a){\n o.set({ path:_a, pathSide:'center', pathAlign:'center', pathStartOffset:0, textAlign:'center', dirty:true });\n _pfmArcBBoxFix(o); /* 2026-10-24: \u91CD\u5EFA\u540E\u4E5F\u6491\u9AD8\u5305\u56F4\u76D2 */\n if(o.setCoords) o.setCoords();\n _fixed++;\n }\n }\n }\n }catch(e){}\n });\n if(_fixed){\n try{ canvas.renderAll(); }catch(e){}\n /* 2026-10-15\uFF1A\u91CD\u5EFA\u6539\u4E86\u753B\u5E03 \u21D2 **\u628A\u6808\u9876\u5FEB\u7167\u540C\u6B65\u6210\u91CD\u5EFA\u540E\u7684\u72B6\u6001**\u3002\n \u5426\u5219\u6808\u9876\u4ECD\u662F\u300C\u91CD\u5EFA\u524D\u300D\u7684\u5F71\u5B50\u72B6\u6001 \u21D2 \u4E0B\u6B21\u64A4\u9500\u5148 pop \u6389\u5B83\uFF08\u753B\u5E03\u770B\u7740\u6CA1\u53D8\uFF09\n \u21D2 \u7528\u6237\u5FC5\u987B**\u70B9\u4E24\u6B21**\u64A4\u9500/\u91CD\u505A\u624D\u751F\u6548\uFF08\u7528\u6237\u5B9E\u6D4B\uFF1A\u6587\u5B57\u8981\u70B9\u4E24\u6B21\uFF09\u3002 */\n try{\n var _plc = (typeof currentPlacement !== 'undefined') ? currentPlacement : null;\n var _st = _plc ? placementUndo[_plc] : null;\n if(_st && _st.length){ _st[_st.length-1] = JSON.stringify(canvas.toJSON()); }\n }catch(e){}\n }\n }\n }catch(e){}finally{ _suppressSave = _old; }\n /* 2026-10-15\uFF1A**\u65E0\u6761\u4EF6\u591A\u8F6E\u91CD\u8BD5** \u2014\u2014 path \u4F1A\u5728\u6062\u590D\u5B8C\u6210\u540E**\u66F4\u665A**\u624D\u53D8\u6210\u88F8\u5BF9\u8C61\n \uFF08\u5B9E\u6D4B\uFF1A\u524D\u4E24\u8F6E o.path \u8FD8\u662F fabric.Path \u21D2 _bad=0 \u21D2 \u4E0D\u4FEE\uFF1B\u4E4B\u540E\u624D\u574F\uFF09\u3002\n \u56FA\u5B9A\u91CD\u8BD5 10 \u8F6E \u00D7200ms \u2248 2s\uFF0C\u8986\u76D6\u90A3\u4E2A\u65F6\u95F4\u7A97\u3002\u6BCF\u8F6E\u90FD\u6709 cache \u5224\u636E\uFF0C\u6B63\u5E38\u72B6\u6001\u4E0D\u505A\u4EFB\u4F55\u6539\u52A8\u3002 */\n if(_tries < 10){ setTimeout(_run, 200); }\n })();\n}\n\n/* 2026-10-15\uFF1A**\u753B\u5E03\u5C3A\u5BF8\u81EA\u6108**\uFF08\u64A4\u9500/\u91CD\u505A\u540E\u5FC5\u8C03\uFF09\u3002\n \uD83D\uDD34 \u5B9E\u6D4B\u6839\u56E0\uFF08\u63A2\u9488\u6293\u5230\uFF09\uFF1A\u64A4\u9500/\u91CD\u505A\u8FC7\u7A0B\u4E2D\u753B\u5E03\u5BB9\u5668\u77AC\u95F4 0\u00D70\uFF08\u5207\u9762/\u9762\u677F\u5F00\u5408\u5BFC\u81F4 #pfmBoard \u9690\u85CF\uFF09\uFF0C\n fabric \u6062\u590D\u65F6\u628A canvas CSS \u5C3A\u5BF8\u8BBE\u6210**\u9519\u8BEF\u503C 1100\u00D71100**\uFF08\u5BB9\u5668\u5B9E\u9645 ~734\uFF09\u21D2\n \u5370\u533A\u6846/T\u6064/\u6587\u5B57\u5168\u90E8\u9519\u4F4D = \u7528\u6237\u62A5\u300C\u753B\u5E03\u7834\u88C2\u300D\u3002\u6570\u636E\u5C42\uFF08\u5BF9\u8C61\u5750\u6807/\u5370\u533A/vt\uFF09\u5168\u7A0B\u6B63\u5E38 \u21D2 \u4E4B\u524D\u63A2\u9488\u6D4B\u4E0D\u5230\u3002\n \u21D2 \u4FEE\u6CD5\uFF1A\u8F6E\u8BE2\u7B49\u5BB9\u5668\u6062\u590D\u5C3A\u5BF8\uFF08>50px\uFF09\u540E\uFF0C\u5F3A\u5236 resizeCanvasToPrintArea \u6309\u771F\u5B9E\u5BB9\u5668\u91CD\u7B97\u3002 */\nfunction pfmFixCanvasSize(){\n var _tries = 0;\n (function _run(){\n _tries++;\n var _old = _suppressSave; _suppressSave = true; /* resize \u4E5F\u89E6\u53D1 object:added/modified \u2192 \u9632\u6C61\u67D3\u64A4\u9500\u6808 */\n try{\n if(canvas && canvas.lowerCanvasEl){\n var _wrap = document.getElementById('pfmZoomLayer');\n var _wr = _wrap ? _wrap.getBoundingClientRect() : null;\n var _w = _wr ? _wr.width : 0;\n if(_w > 50){\n /* 2026-10-15\uFF1A**\u53EA\u5728\u5C3A\u5BF8\u771F\u7684\u4E0D\u5BF9\u65F6\u624D\u91CD\u7B97** \u2014\u2014 resizeCanvasToPrintArea \u4F1A**\u91CD\u5EFA\u753B\u5E03\u5BF9\u8C61**\n \uFF08\u6362\u65B0\u5B9E\u4F8B\uFF09\u21D2 \u4F1A\u628A\u521A\u91CD\u5EFA\u597D\u7684 ARC path \u4E00\u5E76\u4F5C\u5E9F\uFF08\u5B9E\u6D4B _bad \u6052 0\u3001\u63A2\u9488\u6D4B\u5230\u7684 path \u975E Path\uFF09\u3002\n \u5224\u636E\uFF1Acanvas \u7684 CSS \u5BBD\u4E0E\u5BB9\u5668\u5BBD\u76F8\u5DEE >2px \u624D\u7B97\u300C\u574F\u300D\u3002 */\n var _lo = canvas.lowerCanvasEl;\n var _curW = _lo ? _lo.getBoundingClientRect().width : 0;\n if(Math.abs(_curW - _w) > 2){\n var _spec = (typeof printAreaSpecs !== 'undefined') && printAreaSpecs[currentPlacement];\n if(_spec){ resizeCanvasToPrintArea(_spec); }\n }\n try{ canvas.renderAll(); }catch(e2){}\n _suppressSave = _old;\n return;\n }\n }\n }catch(e){}finally{ _suppressSave = _old; }\n if(_tries < 20){ setTimeout(_run, 100); }\n })();\n}\n\nfunction restoreState(json){\n _suppressSave = true; // 2026-09-01: \u91CD\u5EFA\u671F\u95F4 object:added \u4E0D\u518D\u81EA\u52A8 saveState\uFF0C\u9632\u300C\u91CD\u5EFA\u5FEB\u7167\u300D\u6C61\u67D3\u64A4\u9500\u6808\n canvas.loadFromJSON(json, function(){\n try{\n var _drop = pfmStripGridObjects(); // 2026-10-14: \u5148\u51C0\u5316\uFF08\u987B\u5728 applyControlStyle \u4E4B\u524D\uFF0C\u514D\u5F97\u7ED9\u5F85\u4E22\u5F03\u7684\u6846\u5957\u6837\u5F0F\uFF09\n canvas.getObjects().forEach(function(o){\n /* 2026-10-15\uFF1AapplyControlStyle \u5BF9\u6062\u590D\u51FA\u6765\u7684\u300C\u88F8\u5BF9\u8C61\u300D\u4F1A\u629B\u5F02\u5E38 \u21D2 \u4E00\u65E6\u629B\u5C31\u4E2D\u65AD\u6574\u4E2A\u5FAA\u73AF\uFF0C\n \u540E\u9762\u7684\u903B\u8F91\u5168\u8DF3\u8FC7\u3002\u52A0 try \u8BA9\u5B83\u53EA\u8DF3\u8FC7**\u5F53\u524D\u5BF9\u8C61**\uFF0C\u4E0D\u62D6\u7D2F\u522B\u7684\u3002 */\n try{ if(!o.isGrid) applyControlStyle(o); }catch(e){}\n });\n /* 2026-10-15\uFF1A**ARC \u5FEB\u7167\u5F80\u8FD4\u4FEE\u590D v3**\uFF08\u72EC\u7ACB\u5FAA\u73AF\uFF0C\u4E0D\u518D\u4F9D\u8D56\u4E0A\u9762\u90A3\u4E2A\u5FAA\u73AF\u8DD1\u5B8C\uFF09\u3002\n \u6839\u56E0\uFF08\u5B9E\u6D4B\uFF09\uFF1A\u64A4\u9500/\u91CD\u505A\u540E\u6587\u5B57 `path` \u6062\u590D\u6210\u300C\u88F8\u5BF9\u8C61\u300D\u2014\u2014 type='path' \u4F46**\u4E0D\u662F\n fabric.Path \u5B9E\u4F8B**\u3001\u7F3A isNotVisible \u21D2 fabric `_render` \u629B\n `TypeError: e.isNotVisible is not a function` \u21D2 \u6587\u5B57\u4E0D\u53EF\u89C1 / \u753B\u9762\u7834\u88C2\u3002\n \u21D2 \u51E1 `pfmArcDir` \u660E\u786E up/down\uFF08= \u8BE5\u6709\u5F27\uFF09\u7684\u6587\u5B57\uFF0C**\u65E0\u6761\u4EF6\u7528\u5EA6\u6570\u91CD\u5EFA path**\uFF1B\n \u574F path \u4E00\u5E76\u88AB\u8986\u76D6\u3002\u64A4\u9500\u540E pfmArcDir \u4E3A undefined \u21D2 \u4E0D\u4F1A\u8BEF\u52A0\u5F27\u3002 */\n try{\n canvas.getObjects().forEach(function(o){\n try{\n if(o.type==='i-text' || o.type==='text'){\n var _dir = o.pfmArcDir;\n if(_dir==='up' || _dir==='down'){\n var _a = (window.__hdText && window.__hdText.arcPath) ? window.__hdText.arcPath(o, _dir) : null;\n if(_a){\n o.set({ path:_a, pathSide:'center', pathAlign:'center', pathStartOffset:0, textAlign:'center', dirty:true });\n _pfmArcBBoxFix(o); /* 2026-10-24: \u91CD\u5EFA\u540E\u4E5F\u6491\u9AD8\u5305\u56F4\u76D2 */\n if(o.setCoords) o.setCoords();\n } else {\n o.set({ path:null, pathSide:null, pathAlign:null, pathStartOffset:0, textAlign:'left', dirty:true });\n }\n } else if(o.path && !(o.path instanceof fabric.Path) && !(o.path instanceof fabric.Object)){\n o.set({ path:null, pathSide:null, pathAlign:null, pathStartOffset:0, textAlign:'left', dirty:true });\n }\n }\n }catch(e){}\n });\n }catch(e){}\n pfmApplyClip(); // 2026-08-30: loadFromJSON \u6062\u590D\u540E\u91CD\u8BBE\u89C6\u89C9\u88C1\u526A\n drawGrid(); // 2026-10-14: \u91CD\u5EFA**\u552F\u4E00\u6743\u5A01**\u7684\u6253\u5370\u533A\u6846\uFF08_pfmPrintArea \u672A\u5C31\u7EEA\u65F6\u5176\u5185\u90E8\u81EA\u5E26 early-return\uFF09\n pfmSyncGridVisibility(); // 2026-08-30: \u6253\u5370\u533A\u8FB9\u6846\u8DDF\u968F\u9009\u4E2D\u72B6\u6001\n /* 2026-10-15\uFF1A**\u5728\u771F\u6B63\u7684\u300C\u6062\u590D\u5B8C\u6210\u300D\u65F6\u523B\u91CD\u5EFA** \u2014\u2014 setTimeout(120ms) \u4F1A\u8DD1\u5728 loadFromJSON \u56DE\u8C03**\u4E4B\u524D**\n \uFF08\u5B9E\u6D4B\uFF1A\u90A3\u6B21 o.path \u8FD8\u662F fabric.Path \u21D2 \u5224\u4E3A\u300C\u4E0D\u574F\u300D\u21D2 \u4E0D\u91CD\u5EFA\uFF1B\u56DE\u8C03\u8DD1\u5B8C\u540E path \u624D\u53D8\u6210\u88F8\u5BF9\u8C61 \u21D2 \u518D\u6CA1\u4EBA\u4FEE\uFF09\u3002\n \u6B64\u5904 _suppressSave \u4ECD\u4E3A true\uFF08\u5916\u5C42 finally \u4E4B\u524D\uFF09\u21D2 \u91CD\u5EFA\u4E0D\u4F1A\u6C61\u67D3\u64A4\u9500\u6808\u3002 */\n try{ pfmRebuildArcs(); }catch(e){}\n try{ pfmFixCanvasSize(); }catch(e){}\n if(_drop) try{ console.log('[grid] restore: dropped '+_drop+' print-area object(s)'); }catch(e){}\n }finally{\n _suppressSave = false; // \u65E0\u8BBA\u6210\u529F\u5931\u8D25\u90FD\u6062\u590D\uFF0C\u9632\u6B62\u6807\u5FD7\u5361\u6B7B\u5BFC\u81F4\u540E\u7EED\u4E0D\u8BB0\u5F55\u5386\u53F2\n }\n canvas.renderAll();\n });\n}\nfunction doUndo(){\n flushPendingSave(); // 2026-09-01 FIX: \u5148\u843D\u76D8 pending\uFF0C\u4FDD\u6301\u6808\u9876=\u5F53\u524D\u753B\u5E03\n var st=placementUndo[currentPlacement]||[];\n if(st.length<2)return;\n (placementRedo[currentPlacement]=(placementRedo[currentPlacement]||[])).push(st.pop());\n restoreState(JSON.parse(st[st.length-1]));\n /* 2026-10-15\uFF1A**\u5148\u6302\u5B9A\u65F6\u5668\u518D updateLayers** \u2014\u2014 updateLayers() \u82E5\u629B\u5F02\u5E38\uFF0C\u540E\u9762\u7684 setTimeout \u5C31\u6C38\u8FDC\u4E0D\u4F1A\u6267\u884C\n \uFF08\u5B9E\u6D4B\u75C7\u72B6\uFF1A\u64A4\u9500/\u91CD\u505A\u540E pfmRebuildArcs \u5B8C\u5168\u6CA1\u88AB\u8C03\u7528 \u21D2 ARC \u7684\u574F path \u4ECE\u4E0D\u4FEE\u590D\uFF09\u3002 */\n setTimeout(function(){ try{ pfmRebuildArcs(); pfmFixCanvasSize(); }catch(e){} }, 120);\n try{ updateLayers(); }catch(e){}\n}\nfunction doRedo(){\n flushPendingSave(); // 2026-09-01 FIX: \u540C\u4E0A\uFF0C\u5148\u843D\u76D8 pending \u518D\u91CD\u505A\n var rs=placementRedo[currentPlacement]||[];\n if(!rs.length)return;\n var s=rs.pop();\n (placementUndo[currentPlacement]=(placementUndo[currentPlacement]||[])).push(s);\n restoreState(JSON.parse(s));\n /* 2026-10-15\uFF1A\u540C doUndo \u2014\u2014 \u5148\u6302\u5B9A\u65F6\u5668\u518D updateLayers\uFF0C\u9632 updateLayers \u629B\u5F02\u5E38\u541E\u6389\u5B9A\u65F6\u5668 */\n setTimeout(function(){ try{ pfmRebuildArcs(); pfmFixCanvasSize(); }catch(e){} }, 120);\n try{ updateLayers(); }catch(e){}\n}\nwindow.__hdAct.bind('pfmBtnUndo',function(){ doUndo(); });\nwindow.__hdAct.bind('pfmBtnRedo',function(){ doRedo(); });\n\n/* ===== 2026-09-16: \u952E\u76D8\u5FEB\u6377\u952E =====\n \u4E0E\u9876\u680F/\u5DE5\u5177\u6761\u6309\u94AE**\u5171\u7528\u540C\u4E00\u4EFD\u52A8\u4F5C\u5B9E\u73B0**\uFF08doUndo/doRedo/pfmDoAction\uFF09\uFF0C\u7981\u7B2C\u4E8C\u4EFD\u3002\n \u653E\u884C\u6761\u4EF6\uFF1Aboard \u672A\u6253\u5F00 / \u7126\u70B9\u5728\u8F93\u5165\u63A7\u4EF6 / \u7ED8\u677F\u6216 mockup \u5F39\u7A97\u6253\u5F00 / \u5E26 alt\u3002\n \u65B9\u5411\u952E\u5FAE\u8C03\u4ECD\u5F52 assets/hd-align.js\uFF08\u5B83\u81EA\u5E26 ctrl/meta/alt \u653E\u884C\uFF09\u2014\u2014 \u6B64\u5904\u4E0D\u78B0\u65B9\u5411\u952E\u3002 */\n(function(){\n function boardOn(){\n var b=q('pfmBoard'); if(!b) return false;\n if(getComputedStyle(b).display==='none') return false;\n var r=b.getBoundingClientRect(); return r.width>2 && r.height>2;\n }\n function modalOn(){\n var ids=['pfmDrawModal','pfmMockupModal'],i,m;\n for(i=0;i px+pw+2 || (b.top+b.height) > py+ph+2) warn = true;\n });\n }\n var el = q('pfmPrintWarning');\n if(!el) return;\n if(warn){\n el.classList.add('show');\n clearTimeout(_pfmWarnTimer);\n _pfmWarnTimer = setTimeout(function(){ el.classList.remove('show'); }, 3000);\n } else {\n el.classList.remove('show');\n }\n}\n// 2026-08-30: checkPrintBounds \u9632\u6296 \u2014 80ms \u5185\u591A\u6B21\u8BF7\u6C42\u5408\u5E76\u4E3A\u4E00\u6B21\uFF08placement \u5207\u6362/\u6062\u590D\u5BC6\u96C6\u8C03\u7528\u65F6\u51CF\u5C11\u65E0\u8C13\u904D\u5386\u6E32\u67D3\uFF09\nvar _pfmBoundsTimer = null;\nfunction scheduleBounds(){\n clearTimeout(_pfmBoundsTimer);\n _pfmBoundsTimer = setTimeout(checkPrintBounds, 80);\n}\n// \u628A\u5B8C\u5168\u843D\u5728\u753B\u5E03\u5916\u7684\u8BBE\u8BA1\u5BF9\u8C61\u62C9\u56DE\u53EF\u89C1\u533A \u2014\u2014 \u5207\u9762\u53EF\u80FD\u8FD8\u539F\u51FA\u4E0E\u5F53\u524D\u753B\u5E03\u5C3A\u5BF8\u4E0D\u5339\u914D\u7684\u5750\u6807\uFF0C\n// \u5426\u5219 art \u4F1A\u300C\u6D88\u5931\u300D\u800C checkPrintBounds \u8FD8\u8BEF\u62A5\u300C\u8D85\u51FA\u6253\u5370\u533A\u300D\u3002\nfunction normalizeOffcanvasObjects(){\n var w = canvas.width, h = canvas.height;\n canvas.getObjects().forEach(function(o){\n if(o.isGrid) return;\n var b = o.getBoundingRect();\n var outside = (b.left >= w-1 || b.top >= h-1 || (b.left+b.width) <= 1 || (b.top+b.height) <= 1);\n if(!outside) return;\n // Scale down if it's bigger than the canvas, then center via bounding-box delta.\n if(b.width > w*0.95 || b.height > h*0.95){\n var s = Math.min(w*0.9/b.width, h*0.9/b.height, 1);\n if(isFinite(s) && s>0){ o.set({scaleX:(o.scaleX||1)*s, scaleY:(o.scaleY||1)*s}); b=o.getBoundingRect(); }\n }\n var dx = (w - b.width)/2 - b.left;\n var dy = (h - b.height)/2 - b.top;\n o.set({ left: o.left + dx, top: o.top + dy });\n });\n}\n/* \uD83D\uDD34\uD83D\uDD34 2026-10-04\uFF1A\u63A7\u5236\u70B9**\u6837\u5F0F**\u7684\u552F\u4E00\u771F\u6E90\u5165\u53E3\u3002\n \u771F\u6E90\u672C\u4F53 = CSS \u53D8\u91CF --pf-sel-*\uFF08assets/pf-tokens.css\uFF09\uFF1B\n \u8BFB\u53D6\u5668 = assets/pfm-sel.js \u7684 PFMSEL.tokens()\uFF1B\n \u753B\u677F\u4FA7\uFF08hd-canvas.css\uFF09\u76F4\u63A5\u5F15\u7528\u540C\u4E00\u6279\u53D8\u91CF \u21D2 \u4E24\u4FA7\u4E0D\u53EF\u80FD\u518D\u5404\u5199\u4E00\u5957\u3002\n \u26A0\uFE0F initCanvas \u8DD1\u5728 DOMContentLoaded\uFF08\u665A\u4E8E\u5168\u90E8 defer \u811A\u672C\uFF09\u21D2 \u6B63\u5E38\u5FC5\u5DF2\u5C31\u7EEA\uFF1B\n \u4E07\u4E00\u8BE5 asset \u52A0\u8F7D\u5931\u8D25\uFF0C\u56DE\u9000\u5230\u4E0E pf-tokens.css \u4E00\u81F4\u7684\u9ED8\u8BA4\u503C\u5E76\u544A\u8B66\u4E00\u6B21 \u2014\u2014\n **\u5B81\u53EF\u6837\u5F0F\u56DE\u65E7\u503C\uFF0C\u4E5F\u4E0D\u80FD\u8BA9\u6574\u53F0\u8BBE\u8BA1\u53F0\u629B\u5F02\u5E38\u6302\u6389**\u3002 */\nvar _selTokWarned = 0;\nfunction _selTok(){\n if(window.PFMSEL && PFMSEL.tokens) return PFMSEL.tokens();\n if(!_selTokWarned){\n _selTokWarned = 1;\n try{ console.warn('[pfm] assets/pfm-sel.js \u672A\u52A0\u8F7D \u21D2 \u63A7\u5236\u70B9\u56DE\u9000\u9ED8\u8BA4\u6837\u5F0F'); }catch(e){}\n }\n return { color:'#534AB7', edgeFill:'#EEEDFE', rotFill:'#fff', bw:1, rotBw:2,\n corner:14, edge:11, rot:18, stem:23, touch:28, radius:6, dash:null };\n}\n// 2026-08-30: \u63A7\u5236\u70B9\u5C3A\u5BF8\u4E0E\u753B\u5E03\u663E\u793A\u5C3A\u5BF8\u5173\u8054\uFF08\u65B9\u6848B\uFF09\u2014\u2014 \u552F\u4E00\u516C\u5F0F\u6E90\uFF0C\u7981\u6B62\u6563\u843D\u7B2C\u4E8C\u4EFD\u3002\n// \u5C4F\u5E55px: mouse=clamp(\u753B\u5E03\u663E\u793A\u5BBD\u00D72%,10,28)\uFF0Ctouch=clamp(mouse\u00D71.4,22,40)\uFF1B\u8FD4\u56DE\u753B\u5E03\u903B\u8F91 px\uFF08\u00F7 \u663E\u793A\u7F29\u653E _sc\uFF09\u3002\nfunction pfmCornerLogical(dispW, _sc){\n /* 2026-09-15: \u63A7\u5236\u70B9\u6539\u4E3A**\u56FA\u5B9A\u5C4F\u5E55\u5C3A\u5BF8**\u3002\u539F\u516C\u5F0F m = dispW \u00D7 0.02\uFF0810~28px \u6D6E\u52A8\uFF09\n \u8BA9\u63A7\u5236\u70B9\u968F\u5C4F\u5E55\u53D8\u5927\u800C\u53D8\u5927 \u2014\u2014 \u5E73\u677F 16px \u6BD4\u624B\u673A 10px \u5927 60%\uFF0C\u8DE8\u8BBE\u5907\u89C2\u611F\u4E0D\u4E00\u81F4\uFF0C\n \u7528\u6237\u5B9E\u6D4B\u53CD\u9988\u300C\u592A\u5927\u300D\u3002\u4E09\u9879\u73B0\u5168\u90E8\u56FA\u5B9A\u4E3A\u5C4F\u5E55\u5E38\u91CF\uFF08\u7531\u7528\u6237\u4ECE\u5BF9\u6BD4\u56FE\u9010\u6863\u9009\u5B9A\uFF09\uFF1A\n \u00B7 cornerSize \u89C6\u89C9\u76F4\u5F84 8px \u2014\u2014 fabric **\u7ED8\u5236**\u7528\n \u00B7 touchCornerSize \u547D\u4E2D\u533A 22px \u2014\u2014 **\u4E0D\u968F\u89C6\u89C9\u7F29\u5C0F**\uFF0C\u624B\u6307\u7167\u6837\u70B9\u5F97\u4E2D\n \uFF08fabric \u4E24\u5957\u5C3A\u5BF8\u672C\u5C31\u5206\u79BB\uFF1A\u7ED8\u5236\u770B cornerSize\u3001\u547D\u4E2D\u6D4B\u8BD5\u770B touchCornerSize\uFF09\n \u00B7 rotateGap \u65CB\u8F6C\u70B9\u504F\u79FB 32px \u2014\u2014 \u539F\u4E3A\u5199\u6B7B\u7684 offsetY:-120\uFF08**\u903B\u8F91\u503C**\uFF01\uFF09\n \u5176\u5C4F\u5E55\u95F4\u8DDD\u968F\u753B\u5E03 CSS \u7F29\u653E\u6F02\u79FB\uFF1A\u624B\u673A\u4EC5 14.6px\uFF08\u65CB\u8F6C\u70B9\u4E0E\u9876\u90E8\u4E2D\u70B9\u624B\u67C4\u51E0\u4E4E\u53E0\u4F4F\uFF09\u3001\n \u5E73\u677F 31.8px\u3001\u684C\u9762 25px\u3002\u6539\u4E3A\u5C4F\u5E55\u6052\u5B9A\u503C\u540E\u4E09\u7AEF\u4E00\u81F4\u3002\n dispW \u53C2\u6570\u4FDD\u7559\u5728\u7B7E\u540D\u91CC\uFF08\u8C03\u7528\u65B9\u4E0D\u53D8\uFF09\uFF0C\u73B0\u4E0D\u518D\u53C2\u4E0E\u8BA1\u7B97\u3002 */\n /* \uD83D\uDD34\uD83D\uDD34 2026-10-04\uFF1A\u4E09\u4E2A\u5C4F\u5E55\u5E38\u91CF**\u4E0D\u518D\u662F\u672C\u51FD\u6570\u79C1\u6709\u7684\u6570\u5B57** \u2014\u2014 \u6539\u8BFB\u6837\u5F0F\u771F\u6E90\n \uFF08--pf-sel-corner/touch/stem\uFF09\uFF0C\u4E0E\u753B\u677F\u540C\u6B3E\uFF1A14 / 28 / 23\u3002\n \u6539\u524D\u662F 8 / 22 / 32\uFF08\u53EA\u5C5E\u4E8E\u8BBE\u8BA1\u53F0\uFF09\uFF0C\u4E0E\u753B\u677F\uFF0814 / 28 / 23\uFF09\u4E24\u5957 \u21D2 \u7528\u6237\u5B9E\u6D4B\"\u6837\u5F0F\u8FD8\u662F\u4E0D\u4E00\u6837\"\u3002\n \u26A0\uFE0F rotateGap \u540C\u65F6\u662F**\u65CB\u8F6C\u6746\u957F\u5EA6**\uFF08fabric \u7684\u8FDE\u7EBF\u753B\u5230 offsetY \u5904\uFF0C\u753B\u677F ::before \u4E5F\u662F 23px\uFF09\u3002 */\n var _T = _selTok();\n var s = Math.max(0.001, _sc||1);\n return { cornerSize: Math.round(_T.corner / s), touchCornerSize: Math.round(_T.touch / s), rotateGap: Math.round(_T.stem / s) };\n}\n/* \uD83D\uDD34\uD83D\uDD34 2026-10-04\uFF08\u7528\u6237\u62A5\u300C\u8BBE\u8BA1\u53F0\u4E0A\u4F20\u56FE\u7247\u7684\u63A7\u5236\u6846\uFF0C\u753B\u5E03\u653E\u5927\u65F6\u5B83\u4E5F\u653E\u5927\u4E86\u300D\uFF09\uFF1A\n **\u5C4F\u5E55\u6052\u5B9A\u53CD\u7F29\u653E\u7684\u552F\u4E00\u771F\u6E90**\u3002\u5FC5\u987B\u540C\u65F6\u542B\u4E24\u4E2A\u7F29\u653E\uFF1A\n \u2460 `_pfmDisplayScale` \u2014\u2014 \u753B\u5E03 CSS \u7F29\u653E\uFF08\u6A21\u677F\u5206\u8FA8\u7387 \u2192 \u5C4F\u5E55\u663E\u793A\u5C3A\u5BF8\uFF09\n \u2461 `pfmZoomLevel` \u2014\u2014 \u6574\u4F53\u89C6\u56FE\u7F29\u653E\uFF08`#pfmZoomLayer` \u7684 `scale()`\uFF0C50%\u2013300%\uFF0C\u6EDA\u8F6E/\u634F\u5408\uFF09\n \u6539\u524D\u5404\u5904**\u53EA\u9664\u4E86 \u2460**\uFF0C\u6F0F\u4E86 \u2461 \u21D2 \u4E00\u653E\u5927\u63A7\u5236\u70B9/\u6846\u7EBF/\u6307\u793A\u7EBF\u5168\u90E8\u8DDF\u7740\u53D8\u5927\u3002\n \u5B9E\u6D4B\uFF08`_t_deskctrl.js`\uFF0Cproduct 71\uFF0Czoom 1.77\u00D7\uFF09\uFF1A\n \u63A7\u5236\u70B9 8.1px \u2192 14.35px \u00B7 \u547D\u4E2D\u533A 22 \u2192 39px \u00B7 \u6846\u7EBF 3 \u2192 5.3px \u2014\u2014 \u6B63\u597D \u00D71.77\u3002\n \u26A0\uFE0F \u4EFB\u4F55\"\u671F\u671B\u5C4F\u5E55\u5C3A\u5BF8\u6052\u5B9A\"\u7684\u91CF\uFF08\u63A7\u5236\u70B9/\u6846\u7EBF/\u65CB\u8F6C\u70B9\u95F4\u8DDD/\u6307\u793A\u7EBF/\u865A\u7EBF\u8282\u8DDD\uFF09\u90FD\u5FC5\u987B\u8D70\u8FD9\u4E2A\u51FD\u6570\uFF0C\n \u4E0D\u8981\u518D\u5404\u81EA\u5199 `Math.max(0.001, canvas._pfmDisplayScale)`\uFF08\u90A3\u6B63\u662F\u6F0F \u2461 \u7684\u5199\u6CD5\uFF09\u3002 */\nfunction pfmScreenScale(){\n var c = canvas;\n var dz = (c && c._pfmDisplayScale) || 1;\n var z = (typeof pfmZoomLevel === 'number' && pfmZoomLevel > 0) ? pfmZoomLevel : 1;\n return Math.max(0.001, dz * z);\n}\n/* \u63A7\u5236\u70B9\u65CF\uFF08\u89C6\u89C9\u76F4\u5F84 / \u547D\u4E2D\u533A / \u65CB\u8F6C\u70B9\u95F4\u8DDD / \u9009\u4E2D\u6846\u7EBF\u5BBD\uFF09\u7684**\u552F\u4E00\u6536\u53E3**\u3002\n \u26A0\uFE0F fabric \u7684 cornerSize \u8981**\u9010\u4E2A\u5BF9\u8C61\u5199\u5B9E\u4F8B\u503C**\uFF08\u5386\u53F2\u5B9E\u73B0\u5982\u6B64\uFF09\u21D2 \u53EA\u6539\u539F\u578B\u5BF9\u5DF2\u5EFA\u5BF9\u8C61\u65E0\u6548\uFF0C\n \u5FC5\u987B\u904D\u5386 `canvas.getObjects()` \u91CD\u8BBE\uFF08\u8FD9\u91CC\u7167\u65E7\uFF09\u3002\n \u2705 \u5199\u524D\u6BD4\u5BF9\uFF1A\u503C\u6CA1\u53D8\u5C31\u6574\u5757\u8DF3\u8FC7\uFF08`pfmApplyLayer` \u6BCF\u6B21\u5E73\u79FB\u90FD\u4F1A\u8C03\u5B83 \u21D2 \u4E0D\u7136\u767D\u8DD1\uFF09\u3002 */\nfunction pfmApplyControlSize(){\n if(!canvas || !canvas.getObjects) return false;\n var _sc = pfmScreenScale();\n var _cl = pfmCornerLogical((canvas.getWidth && canvas.getWidth()) || 0, _sc);\n var _ch = false;\n if(fabric.Object.prototype.cornerSize !== _cl.cornerSize){\n fabric.Object.prototype.cornerSize = _cl.cornerSize; _ch = true;\n }\n if(fabric.Object.prototype.touchCornerSize !== _cl.touchCornerSize){\n fabric.Object.prototype.touchCornerSize = _cl.touchCornerSize; _ch = true;\n }\n /* \u65CB\u8F6C\u70B9\u4E0E\u9876\u90E8\u4E2D\u70B9\u624B\u67C4\u7684\u95F4\u8DDD\uFF08\u5C4F\u5E55 32px\uFF09\u2014\u2014 \u540C\u4E3A\u903B\u8F91\u503C\uFF0C\u5FC5\u987B\u6309\u540C\u4E00\u56E0\u5B50\u53CD\u7B97 */\n try {\n var _mtrP = fabric.Object.prototype.controls && fabric.Object.prototype.controls.mtr;\n var _wantGap = -_cl.rotateGap;\n if (_mtrP && _mtrP.offsetY !== _wantGap) { _mtrP.offsetY = _wantGap; _ch = true; }\n } catch(e){}\n /* \u9009\u4E2D\u6846\u7EBF\u5BBD\uFF1A2026-10-04 \u8D77\u7531\u771F\u6E90\u7ED9\uFF08--pf-sel-bw = 1px\uFF0C\u4E0E\u753B\u677F\u540C\u6B3E\uFF1B\u6B64\u524D\u662F\u5199\u6B7B\u7684 3px\uFF09\u3002\n \u26A0\uFE0F fabric \u7684 borderScaleFactor **\u540C\u65F6\u51B3\u5B9A\u65CB\u8F6C\u6746\u7C97\u7EC6** \u21D2 \u6846\u7EBF\u4E0E\u6746\u5929\u7136\u540C\u6B3E\u3002 */\n var _wantBsf = Math.max(1, Math.round(_selTok().bw / _sc));\n if(fabric.Object.prototype.borderScaleFactor !== _wantBsf){\n fabric.Object.prototype.borderScaleFactor = _wantBsf; _ch = true;\n }\n canvas.getObjects().forEach(function(o){\n if(!o.isGrid && o.cornerSize !== _cl.cornerSize){\n o.set({ cornerSize: _cl.cornerSize, touchCornerSize: _cl.touchCornerSize });\n o.setCoords();\n _ch = true;\n }\n });\n return _ch;\n}\n/* \u6253\u5370\u533A\u6307\u793A\u7EBF\uFF08\u865A\u7EBF\u6846 + \u4E2D\u5FC3\u5341\u5B57\uFF09\u7684\u7EBF\u5BBD/\u865A\u7EBF\u8282\u8DDD \u2014\u2014 \u540C\u6837\u5C4F\u5E55\u6052\u5B9A\uFF0C\u540C\u6837\u6F0F\u4E86\u6574\u4F53\u7F29\u653E\u3002\n \u26A0\uFE0F \u8FD9\u91CC**\u53EA\u6539\u73B0\u6709 isGrid \u5BF9\u8C61\u7684\u63CF\u8FB9**\uFF08\u4E0D remove/add\uFF09\u21D2 \u634F\u5408\u7F29\u653E\u65F6\u6BCF\u5E27\u8C03\u7528\u4E5F\u4E0D\u6296\u3002 */\nfunction pfmApplyGridStroke(){\n if(!canvas || !canvas.getObjects) return false;\n var _sc = pfmScreenScale();\n var gridSW = Math.max(1, Math.round(3 / _sc));\n var dash = [Math.max(2, Math.round(6 / _sc)), Math.max(2, Math.round(3 / _sc))];\n var _ch = false;\n canvas.getObjects().forEach(function(o){\n if(!o.isGrid) return;\n if(o.strokeWidth !== gridSW){ o.set('strokeWidth', gridSW); _ch = true; }\n var d = o.strokeDashArray || [];\n if(d[0] !== dash[0] || d[1] !== dash[1]){ o.set('strokeDashArray', dash); _ch = true; }\n });\n return _ch;\n}\nfunction applyControlStyle(obj){\n // Keep handles a constant on-screen size regardless of canvas CSS scaling.\n var _sc = pfmScreenScale(); /* 2026-10-04: \u542B**\u6574\u4F53\u7F29\u653E**\uFF08\u539F\u4E3A\u53EA\u9664 CSS \u7F29\u653E\uFF09 */\n var _selT = _selTok(); /* 2026-10-04\uFF1A\u989C\u8272/\u7EBF\u578B\u771F\u6E90\uFF08\u4E0E\u753B\u677F\u540C\u4E00\u6279\u53D8\u91CF\uFF09 */\n var cl = pfmCornerLogical((canvas && canvas.getWidth() * _sc) || 0, _sc);\n obj.set({\n cornerSize: cl.cornerSize,\n touchCornerSize: cl.touchCornerSize,\n /* 2026-10-04\uFF1A\u539F\u5148\u5199\u6B7B\u9752\u8272 #1FBDB7 + \u7EE7\u627F\u539F\u578B\u7684\u865A\u7EBF [6,4] \u21D2 \u4E0E\u753B\u677F\uFF08#534AB7 \u5B9E\u7EBF\uFF09\u4E24\u5957\u3002\n \u6539\u4E3A\u771F\u6E90\uFF1B\u5177\u4F53\u6BCF\u4E2A\u63A7\u5236\u70B9\u7684\u5F62\u72B6\u7531 assets/pfm-sel.js#renderControl \u6309\u540C\u4E00\u6279\u5E38\u91CF\u753B\u3002 */\n cornerColor: _selT.color,\n cornerStrokeColor: _selT.color,\n transparentCorners: false,\n cornerStyle: 'circle',\n borderColor: _selT.color,\n borderDashArray: _selT.dash,\n // 2026-09-04: borderScaleFactor \u7531 resizeCanvasToPrintArea \u539F\u578B\u7EDF\u4E00\uFF08\u5C4F\u5E55\u6052\u5B9A\uFF09\uFF0C\u6B64\u5904\u4E0D\u518D\u5199\u6B7B 5\n padding: 6\n });\n return obj;\n}\n/* ===== 2026-10-14\uFF08\u7532\uFF09\uFF1A\u5370\u533A\u5C31\u7EEA\u5B88\u536B\uFF08\u7528\u6237\u62A5\u300C\u7ED8\u753B\u533A\u57DF\u4F1A\u9519\u4E71\u300D\uFF09=====\n \uD83D\uDD34\uD83D\uDD34 \u75C5\u7076\uFF1A\u8D34\u56FE**\u65E9\u4E8E** resizeCanvasToPrintArea \u65F6 canvas._pfmPrintArea \u8FD8\u662F\u7A7A\n \u21D2 addImage \u9000\u5316\u6210\u300C\u6309 canvas \u5C3A\u5BF8\uFF08\u521D\u59CB\u5360\u4F4D 600\u00D7600\uFF09\u5C45\u4E2D\u6446\u56FE\u300D\u21D2 \u56FE\u6848\u843D\u5728\u5DE6\u4E0A\uFF1B\n \u4E4B\u540E\u4EA7\u54C1\u52A0\u8F7D\u5B8C\u3001\u753B\u5E03\u6362\u6210\u6574\u4EF6\u8863\u670D\u5C3A\u5BF8\uFF0C**\u56FE\u6848\u5750\u6807\u4E0D\u8DDF\u7740\u91CD\u7B97** \u21D2 \u6C38\u4E45\u504F\u4F4D\u3001\u8DD1\u51FA\u5370\u533A\u3002\n \u9884\u70ED\u8DEF\u5F84\uFF08_runPreload\uFF09\u7528\u7684\u662F**\u56FA\u5B9A 1.6s \u5B9A\u65F6**\uFF08\u4E0D\u662F\u7B49\u5C31\u7EEA\u4FE1\u53F7\uFF09\u21D2 \u6162\u7684\u65F6\u5019\u5FC5\u8E29 \u21D2 \u5076\u53D1\u3002\n \u4FEE\u6CD5\uFF1A\u5370\u533A\u6CA1\u5C31\u7EEA\u5C31**\u6392\u961F**\uFF0C\u5C31\u7EEA\uFF08\u6216 \u226415s \u515C\u5E95\u653E\u884C\uFF09\u540E\u518D\u8D34 \u2014\u2014 \u4E0D\u6539\u4EFB\u4F55\u5E03\u5C40/\u5750\u6807\u53E3\u5F84\u3002 */\nvar _pfmImgQueue = [], _pfmImgWaitT = null, _pfmImgWaitN = 0;\nfunction _pfmFlushImgQueue(){\n if(!_pfmImgQueue.length) return;\n if(!canvas || !canvas._pfmPrintArea) return; /* \u4ECD\u672A\u5C31\u7EEA \u21D2 \u7EE7\u7EED\u7559\u7740 */\n var _q = _pfmImgQueue.slice(); _pfmImgQueue.length = 0;\n for(var _i=0;_i<_q.length;_i++){ try{ addImage(_q[_i].url, _q[_i].opts); }catch(e){ console.warn('[pfm] queued addImage failed:', e && e.message); } }\n}\nfunction _pfmWaitPrintArea(){\n if(_pfmImgWaitT) return;\n _pfmImgWaitN = 0;\n _pfmImgWaitT = setInterval(function(){\n _pfmImgWaitN++;\n if(canvas && canvas._pfmPrintArea){ clearInterval(_pfmImgWaitT); _pfmImgWaitT=null; _pfmFlushImgQueue(); return; }\n if(_pfmImgWaitN > 60){ /* 15s \u4ECD\u672A\u5C31\u7EEA \u21D2 \u653E\u884C\uFF08\u6309\u65E7\u884C\u4E3A\u8D34\uFF0C\u7EDD\u4E0D\u80FD\u300C\u56FE\u6C38\u8FDC\u4E0D\u51FA\u73B0\u300D\uFF09*/\n clearInterval(_pfmImgWaitT); _pfmImgWaitT=null;\n var _q = _pfmImgQueue.slice(); _pfmImgQueue.length = 0;\n for(var _i=0;_i<_q.length;_i++){ try{ _pfmAddImageNow(_q[_i].url, _q[_i].opts); }catch(e){} }\n }\n }, 250);\n}\nfunction addImage(url, opts){\n /* \u5370\u533A\u672A\u5C31\u7EEA \u21D2 \u6392\u961F\uFF08**\u4E0D\u662F**\u6309\u5360\u4F4D\u5C3A\u5BF8\u786C\u8D34 \u2014\u2014 \u90A3\u6B63\u662F\u9519\u4E71\u7684\u6765\u6E90\uFF09\u3002 */\n if(!canvas || !canvas._pfmPrintArea){ _pfmImgQueue.push({url:url, opts:opts}); _pfmWaitPrintArea(); return; }\n return _pfmAddImageNow(url, opts);\n}\nfunction _pfmAddImageNow(url, opts){\n /* 2026-09-14: \u8BBE\u8BA1\u56FE\u6765\u81EA bridge.highdeep.net\uFF08\u4E0E\u7AD9\u70B9**\u8DE8\u57DF**\uFF09\u2014\u2014fabric \u4E0D\u58F0\u660E\n crossOrigin \u65F6\u56FE\u7247\u4E0D\u5E26 CORS \u8BF7\u6C42\uFF0C\u753B\u5E03\u4F1A\u88AB\u6C61\u67D3 \u2192 \u4E4B\u540E\u4EFB\u4F55 toDataURL() \u90FD\u629B\n SecurityError\uFF08\u8868\u73B0\u4E3A\u300CAdd to Cart \u70B9\u4E86\u6BEB\u65E0\u53CD\u5E94\u300D\uFF09\u3002\u540C\u6587\u4EF6 getImageBounds()\n \u65E9\u5DF2\u6B63\u786E\u8BBE\u7F6E crossOrigin\uFF0C\u6B64\u5904\u6B64\u524D\u9057\u6F0F\u3002data:/blob: \u540C\u6E90\u8F93\u5165\u4E0D\u53D7\u5F71\u54CD\u3002 */\n fabric.Image.fromURL(url,function(img){\n /* 2026-10-10\uFF08\u7532\uFF09\uFF1A\u56FE\u7247**\u4E0B\u8F7D\u5B8C\u6210**\u5373\u56DE\u8C03\u672C\u51FD\u6570 \u21D2 \u5148\u7ED9\u8C03\u7528\u65B9\u4E00\u6B21\u300C\u52A0\u8F7D\u7ED3\u675F\u300D\u901A\u77E5\n \uFF08\u7D20\u6750\u5E93\u636E\u6B64\u6536\u6389\u683C\u5B50\u4E0A\u7684\u8F6C\u5708\uFF09\u3002\u653E\u5728\u6700\u524D\uFF1A\u5373\u4FBF\u4E0B\u9762\u67D0\u6B65\u629B\u9519\uFF0C\u4E5F\u4E0D\u4F1A\u628A\u8C03\u7528\u65B9\u9501\u5728 loading\u3002\n img \u4E3A\u7A7A = \u52A0\u8F7D\u5931\u8D25 \u21D2 \u8D70 onError\u3002\u4E24\u4E2A\u56DE\u8C03\u90FD\u7F3A\u7701\u4E0D\u4F20 \u21D2 \u65E2\u6709\u8C03\u7528\u65B9\u96F6\u56DE\u5F52\u3002 */\n if(!img){ if(opts&&opts.onError) opts.onError(); return; }\n if(opts&&opts.onLoad) opts.onLoad();\n /* 2026-10-15\uFF1A\u7D20\u6750\u5E93\u9884\u89C8\u6863 \u2014\u2014 \u8BB0\u539F\u56FE URL/\u5C3A\u5BF8\uFF1B\u753B\u5E03\u663E\u793A\u7528\u9884\u89C8\u6863(1200px)\uFF0C\u5BFC\u51FA\u6309 _pfmOrigUrl \u53D6\u539F\u56FE \u21D2 \u96F6\u56DE\u5F52 */\n if(opts && opts.origUrl){ img._pfmOrigUrl = opts.origUrl; if(opts.origW) img._pfmOrigW = opts.origW; if(opts.origH) img._pfmOrigH = opts.origH; }\n // 2026-08-30: canvas=\u6574\u4EF6\u8863\u670D \u2014 \u9ED8\u8BA4\u5C3A\u5BF8/\u4F4D\u7F6E\u53C2\u7167\u6253\u5370\u533A\uFF08\u56FE\u7247\u9ED8\u8BA4\u653E\u5165\u6253\u5370\u533A\u4E2D\u5FC3\uFF09\n var pa=canvas._pfmPrintArea;\n var cw = pa ? pa.width : canvas.width, ch = pa ? pa.height : canvas.height;\n var ox = pa ? pa.left : 0, oy = pa ? pa.top : 0;\n if(cw<=10||ch<=10) cw=800, ch=800;\n // 2026-09-01: fit within 90% of the PRINT AREA on BOTH axes (keep aspect ratio,\n // never overflow the dashed print box). Old rule allowed 150% height overflow.\n var s = Math.min(cw * 0.9 / img.width, ch * 0.9 / img.height);\n if(!isFinite(s)||s<=0) s=1;\n // 2026-08-22: \u56FE\u7247\u8D28\u91CF\u68C0\u67E5 \u2014\u2014 \u4F4D\u56FE\u88AB\u653E\u5927\u8D85\u8FC7\u6253\u5370\u5206\u8FA8\u7387\u5C31\u4F1A\u5370\u7CCA\u3002\u6709\u6548 DPI = printDpi / scaleFactor\n // \uFF08s=1 \u2192 1:1\uFF1Bs=2 \u2192 \u534A DPI\uFF1Bs=0.5 \u2192 \u53CC\u500D DPI\uFF09\u3002\n try {\n var spec = printAreaSpecs[currentPlacement] || printAreaSpecs['front'] || Object.values(printAreaSpecs)[0];\n var pDpi = (spec && spec.printDpi) || 150;\n var isVector = /^data:image\\/svg|\\.svg(\\?|$)/i.test(url || '');\n /* \u9884\u89C8\u6863 img.width=1200px\uFF0C\u4F46\u5BFC\u51FA\u7528\u539F\u56FE \u21D2 DPI \u5224\u5B9A\u6309\u3010\u539F\u56FE\u5C3A\u5BF8\u3011\u7B97\uFF0C\u5426\u5219\u8BEF\u62A5\u7CCA */\n var _ow = (opts && opts.origW) || img.width;\n var _oh = (opts && opts.origH) || img.height;\n var _sReal = Math.min(cw * 0.9 / _ow, ch * 0.9 / _oh);\n if (_sReal > 1.05 && !isVector && !(opts && opts.isClipart)) { // original scaled UP beyond 1:1 print res\uFF082026-10-28\uFF1A\u8D34\u7EB8\u662F\u77E2\u91CF\u6E90\u6805\u683C\u5316\uFF0C\u8DF3\u8FC7\u8FD9\u6761\u4F4E\u6E05\u7167\u7247\u63D0\u793A\uFF09\n var effDpi = Math.round(pDpi / _sReal);\n if (effDpi < pDpi * 0.8) {\n showToast('\u26A0\uFE0F Image may print blurry \u2014 effective ' + effDpi + ' DPI vs ' + pDpi + ' needed. Use a higher-res image for crisp prints.', 'warn');\n }\n }\n } catch(e){}\n img.set({\n left: ox + cw/2 - img.width*s/2,\n top: oy + ch/2 - img.height*s/2,\n scaleX: s, scaleY: s,\n selectable: true,\n hasControls: true,\n hasBorders: true,\n hasRotatingPoint: true,\n lockMovementX: false,\n lockMovementY: false,\n lockScalingX: false,\n lockScalingY: false,\n lockRotation: false\n });\n applyControlStyle(img);\n /* 2026-09-19: opts.noSelect \u2014\u2014 \u65B0\u589E\u56FE\u6848/\u56FE\u7247**\u4E0D\u81EA\u52A8\u9009\u4E2D**\uFF08\u7528\u6237\u8981\u6C42\uFF1A\u4E0D\u8981\u56E0\u4E3A\u9ED8\u8BA4\u9009\u4E2D\n \u5C31\u628A\u5E95\u680F\u8E22\u8FDB\u5BF9\u8C61\u7EC4\uFF0C\u8FDE\u7EED\u6DFB\u52A0\u4F1A\u88AB\u6253\u65AD\uFF09\u3002\u60F3\u8C03\u6574\u65F6\u70B9\u753B\u5E03\u4E0A\u7684\u56FE\u6848 = \u4E3B\u52A8\u9009\u4E2D\u3002 */\n canvas.add(img);\n if(!(opts&&opts.noSelect)) canvas.setActiveObject(img);\n canvas.renderAll();saveState();updateLayers();\n },{crossOrigin:'anonymous'});\n}\n// Arc helper: ADAPTIVE path \u2014 measure text width with fabric itself so the path\n// is always at least as long as the text (no overlap at any font size)\n/* 2026-10-24(\u7532): \u5F27\u5EA6\u6587\u5B57\u7684\u5305\u56F4\u76D2\u4FEE\u6B63 \u2014\u2014 fabric \u7528 path \u7684\u7EC6\u6761\u9AD8\u5EA6\u5F53\u9AD8\u5EA6 \u21D2 \u6846\u53D8\u7EC6\u6761\u3002\n \u8FD9\u91CC\u628A\u9AD8\u5EA6\u6491\u5230\u300C\u5B57\u53F7\u884C\u9AD8 + \u77E2\u9AD8\u300D\uFF1B\u53EA\u5F71\u54CD\u9009\u6846\u663E\u793A\uFF0C\u4E0D\u6539\u6E32\u67D3/\u5BFC\u51FA\u3002 */\nfunction _pfmArcBBoxFix(o){\n if(!o || !o.path) return;\n if(o._pfmOrigNTDims) return; /* \u5DF2\u88C5\u8FC7 */\n if(typeof o._getNonTransformedDimensions !== 'function') return;\n o._pfmOrigNTDims = o._getNonTransformedDimensions;\n o._getNonTransformedDimensions = function(){\n var d = o._pfmOrigNTDims.call(this) || { x: this.width || 0, y: this.height || 0 };\n var sag = Math.abs(parseFloat(this.pfmArcSag) || 0);\n var fh = (parseFloat(this.fontSize) || 100) * 1.2;\n var need = sag + fh;\n return { x: d.x, y: Math.max(d.y, need) };\n };\n}\nfunction _pfmArcBBoxUnfix(o){\n if(!o || !o._pfmOrigNTDims) return;\n o._getNonTransformedDimensions = o._pfmOrigNTDims;\n o._pfmOrigNTDims = null;\n o.pfmArcSag = 0;\n}\nfunction applyArcToText(t,arc){\n if(!t) return;\n /* 2026-10-14: 'path' = \u81EA\u5B9A\u4E49\u5F62\u72B6\u8DEF\u5F84\uFF08Text on path\uFF09\u2014\u2014 \u4FDD\u6301\u8DEF\u5F84\u4E0D\u52A8\uFF0C\u522B\u7528\u5706\u5F27\u8986\u76D6\u5B83 */\n if(arc==='path') return;\n if(!arc||arc==='none'){\n if(t.path){t.set({path:null,pathSide:null,pathAlign:null,pathStartOffset:0,textAlign:'left',dirty:true})}\n _pfmArcBBoxUnfix(t); /* 2026-10-24: \u53BB\u5F27 \u21D2 \u5305\u56F4\u76D2\u6062\u590D\u539F\u6837 */\n t.pfmPathKind=null; /* 2026-10-14: \u79BB\u5F00\u81EA\u5B9A\u4E49\u8DEF\u5F84 */\n return;\n }\n /* 2026-10-14: \u5F27\u8DEF\u5F84\u751F\u6210\u5DF2\u5916\u7F6E\u5230 assets/hd-text.js\uFF08\u5706\u5F27\u626B\u89D2\u6A21\u578B\uFF1B\u672C\u6587\u4EF6\u8D34 256KB \u9876\uFF09 */\n var path=null;\n try{ if(window.__hdText&&window.__hdText.arcPath) path=window.__hdText.arcPath(t,arc); }catch(e){}\n if(!path) return;\n t.pfmPathKind=null; /* 2026-10-14: \u8F6C\u4E3A\u5706\u5F27 \u21D2 \u5DF2\u4E0D\u662F\u81EA\u5B9A\u4E49\u8DEF\u5F84 */\n t.set({path:path,pathSide:'center',pathAlign:'center',pathStartOffset:0,textAlign:'center',dirty:true});\n _pfmArcBBoxFix(t); /* 2026-10-24: \u6491\u9AD8\u5305\u56F4\u76D2\uFF08\u53EA\u5F71\u54CD\u9009\u6846\uFF09 */\n if(t.setCoords) t.setCoords();\n}\nfunction addText(txt,font,size,color,outlineW,outlineC,arc){\n font=font||'Arial';size=size||36;color=color||'#000';outlineW=outlineW||0;outlineC=outlineC||'#fff';arc=arc||'none';\n // 2026-08-30: \u6587\u5B57\u9ED8\u8BA4\u653E\u6253\u5370\u533A\u4E2D\u5FC3\uFF08canvas=\u6574\u4EF6\u8863\u670D\u540E\uFF09\n var _pa=canvas._pfmPrintArea;\n var _cx=_pa?_pa.left+_pa.width/2:canvas.width/2, _cy=_pa?_pa.top+_pa.height/2:canvas.height/2;\n /* 2026-09-14 \u6279\u6B214c\uFF1A\u5BF9\u8C61\u300C\u6784\u9020\u300D\u59D4\u6258\u7ED9 assets/hd-text.js\uFF08\u8D1F\u8D23\u6BB5\u843D\u6298\u884C + \u5B57\u95F4\u8DDD/\u884C\u8DDD/\u5BF9\u9F50\uFF09\u3002\n \u4EC5\u6784\u9020\u59D4\u6258 \u2014\u2014 \u5165\u753B\u5E03 / \u9009\u4E2D / \u5165\u64A4\u9500\u6808 / \u5237\u65B0\u56FE\u5C42\u4ECD\u8D70\u4E0B\u9762\u540C\u4E00\u4EFD\u6D41\u7A0B\uFF0C\u4E0D\u505A\u7B2C\u4E8C\u4EFD\u5B9E\u73B0\u3002 */\n var text=null;\n try{ if(window.__hdText&&window.__hdText.build) text=window.__hdText.build(txt,{font:font,size:size,color:color,outlineW:outlineW,outlineC:outlineC,arc:arc}); }catch(e){}\n if(!text) text=new fabric.IText(txt||'Your Text',{fontSize:size,fontFamily:font,fill:color,stroke:outlineC,strokeWidth:outlineW});\n text.set({left:_cx,top:_cy,originX:'center',originY:'center'});\n canvas.add(text);\n applyArcToText(text,arc);\n applyControlStyle(text);\n canvas.setActiveObject(text);canvas.renderAll();saveState();updateLayers();\n}\n\n// ============= CLIPARTS =============\n// 2026-10-15\uFF1A\u6574\u5757\u5DF2\u5916\u7F6E\u5230 assets/hd-cliparts.js\uFF08\u6570\u636E\u6570\u7EC4 + clipartAttrs + renderClipartGrid\uFF09\u3002\n// \u4F9D\u8D56 window.__pfmCanvas / window.__hdLibDeps.add / \u81EA\u5E26 q()\uFF1B\u5BFC\u51FA window.renderClipartGrid\u3002\n// \u4E0B\u65B9 DOMContentLoaded \u5185\u4E3A\u5B88\u536B\u5F0F\u8C03\u7528\uFF08\u540C __hdDraw \u6A21\u5F0F\uFF09\u3002\n// ============= LAYERS =============\n// 2026-09-13 \u56FE\u5C42\u7B2C 1 \u6279\uFF1A\u91CD\u547D\u540D / \u9690\u85CF / \u9501\u5B9A + \u9009\u4E2D\u6001\u540C\u6B65\nvar _pfmLayerRenaming = null; // \u6B63\u5728\u7F16\u8F91\u7684\u5217\u8868\u7D22\u5F15\uFF1B\u975E null \u65F6\u51BB\u7ED3\u91CD\u5EFA\uFF0C\u5426\u5219 inline \u8F93\u5165\u6846\u4F1A\u88AB\u51B2\u6389\nfunction pfmLayerObjs(){ return canvas.getObjects().filter(function(o){return !o.isGrid}); }\nfunction pfmLayerLabel(o){\n if(o.pfmName) return o.pfmName;\n if(o.type==='i-text') return 'Text: '+((o.text||'').slice(0,12)||'\u2026');\n if(o.type==='image') return 'Image';\n if(o.type==='group') return 'Group ('+o.getObjects().length+')';\n return o.type;\n}\nfunction pfmLayerLocked(o){\n return !!(o.lockMovementX && o.lockScalingX && o.hasControls===false);\n}\nfunction pfmLayerEyeSvg(hidden){\n return ''\n +''\n +(hidden?'':'')+'';\n}\nfunction pfmLayerLockSvg(locked){\n return ''\n +''\n +(locked?'':'')+'';\n}\nfunction pfmLayerPenSvg(){\n return ''\n +'';\n}\n// \u53EA\u5207 .sel \u7C7B\u3001\u4E0D\u91CD\u5EFA\u5217\u8868\uFF08\u91CD\u5EFA\u4F1A\u6253\u65AD\u91CD\u547D\u540D\u7F16\u8F91\uFF09\nfunction pfmLayerSyncSel(){\n var list=q('pfmLayersList'); if(!list) return;\n var rev=pfmLayerObjs().slice().reverse();\n var idx=rev.indexOf(canvas.getActiveObject());\n list.querySelectorAll('.pfm-layer-item').forEach(function(el){\n if(parseInt(el.dataset.idx)===idx) el.classList.add('sel'); else el.classList.remove('sel');\n });\n}\n// \u9690\u85CF = \u4E0D\u6E32\u67D3 = \u4E0D\u5BFC\u51FA\uFF08\u5DF2\u771F\u673A\u9A8C\u8BC1 toDataURL \u4F1A\u6392\u9664\uFF0C\u6545\u6B64\u5904\u63D0\u793A\u6587\u6848\u5FC5\u987B\u5199\u660E\uFF09\nfunction pfmLayerSetVisible(o,v){\n o.set('visible',v);\n canvas.renderAll(); updateLayers(); saveState();\n try{ hdcoToast(v?'Layer shown':'Layer hidden (not exported)'); }catch(e){}\n}\n// \u9501\u5B9A\u7528 Canva \u8BED\u4E49\uFF1A\u4FDD\u7559 selectable\uFF08\u53EF\u4ECE\u5217\u8868/\u753B\u5E03\u9009\u4E2D\u786E\u8BA4\u662F\u54EA\u5C42\uFF09\uFF0C\u53EA\u5173\u79FB\u52A8\u7F29\u653E\u5E76\u53BB\u6389\u63A7\u5236\u70B9\nfunction pfmLayerSetLocked(o,v){\n o.set({lockMovementX:v,lockMovementY:v,lockScalingX:v,lockScalingY:v,lockRotation:v,hasControls:!v});\n if(v && canvas.getActiveObject()===o) canvas.discardActiveObject();\n canvas.renderAll(); updateLayers(); saveState();\n try{ hdcoToast(v?'Locked (cannot drag)':'Unlocked'); }catch(e){}\n}\nfunction pfmLayerStartRename(item,obj){\n if(_pfmLayerRenaming!==null) return;\n var nm=item.querySelector('.pfm-layer-name'); if(!nm||!nm.parentNode) return;\n _pfmLayerRenaming=parseInt(item.dataset.idx);\n var inp=document.createElement('input');\n inp.type='text'; inp.className='pfm-layer-rename'; inp.maxLength=40;\n inp.value=obj.pfmName||pfmLayerLabel(obj);\n inp.setAttribute('placeholder','Layer name'); inp.setAttribute('aria-label','Layer name');\n nm.parentNode.replaceChild(inp,nm);\n inp.focus(); inp.select();\n var done=false;\n function finish(save){\n if(done) return; done=true;\n var v=inp.value;\n if(save){\n v=(v||'').replace(/^\\s+|\\s+$/g,'');\n if(v) obj.pfmName=v.slice(0,40); else delete obj.pfmName;\n _pfmLayerRenaming=null;\n updateLayers(); saveState();\n }else{\n _pfmLayerRenaming=null; updateLayers();\n }\n }\n inp.addEventListener('keydown',function(e){\n if(e.key==='Enter'){ e.preventDefault(); finish(true); }\n else if(e.key==='Escape'){ e.preventDefault(); finish(false); }\n });\n inp.addEventListener('blur',function(){ finish(true); });\n}\n// 2026-09-13 \u56FE\u5C42\u7B2C 2 \u6279\uFF1A\u591A\u9009 / \u6210\u7EC4 / \u89E3\u7EC4 \u2014\u2014 \u903B\u8F91\u5916\u7F6E\u5728 assets/hd-layers.js\nfunction hdLayersBridge(){\n var L=window.__hdLayers; if(!L) return;\n L.init({\n objs:function(){ return pfmLayerObjs(); },\n refresh:function(){ updateLayers(); },\n group:function(kids){\n var g=new fabric.Group(kids);\n kids.forEach(function(o){ canvas.remove(o); });\n canvas.add(g); canvas.setActiveObject(g);\n },\n ungroup:function(g){\n var kids=g.getObjects().slice();\n g._restoreObjectsState();\n canvas.remove(g);\n kids.forEach(function(o){ canvas.add(o); });\n },\n done:function(){ canvas.renderAll(); updateLayers(); saveState(); }\n });\n}\n// 2026-09-13 \u56FE\u7247\u540E\u5904\u7406\uFF08\u53BB\u5E95/\u6EE4\u955C/\u6DF7\u5408\u6A21\u5F0F\uFF09\u2014\u2014 \u903B\u8F91\u5916\u7F6E\u5728 assets/hd-image.js\nfunction hdImageBridge(){\n var I=window.__hdImage; if(!I) return;\n I.init({\n canvas:function(){ return canvas; },\n render:function(){ canvas.renderAll(); },\n save:function(){ saveState(); },\n toast:function(m){ hdcoToast(m); }\n });\n}\n// 2026-09-14 \u6279\u6B211\uFF1A\u77E2\u91CF\u5F62\u72B6\u5F15\u64CE \u2014\u2014 \u903B\u8F91\u5916\u7F6E\u5728 assets/hd-vector.js\nfunction hdVectorBridge(){\n var V=window.__hdVector; if(!V) return;\n V.init({\n canvas:function(){ return canvas; },\n add:function(obj,opts){ return window.__pfmAddObject ? window.__pfmAddObject(obj,opts) : null; },\n render:function(){ canvas.renderAll(); },\n save:function(){ saveState(); }\n });\n}\n// 2026-09-14 \u6279\u6B214b\uFF1A\u667A\u80FD\u53C2\u8003\u7EBF + \u5438\u9644 \u2014\u2014 \u903B\u8F91\u5916\u7F6E\u5728 assets/hd-align.js\n// \uFF08\u6279\u6B214a \u5BF9\u9F50\u9762\u677F\u5DF2\u4E8E 2026-09-15 \u79FB\u9664\uFF0C\u5BF9\u5E94\u6837\u5F0F\u8868\u4E00\u5E76\u5220\u9664\uFF09\nfunction hdAlignBridge(){\n var A=window.__hdAlign; if(!A) return;\n A.init({\n canvas:function(){ return canvas; },\n render:function(){ canvas.renderAll(); },\n save:function(){ saveState(); },\n toast:function(m){ hdcoToast(m); }\n });\n}\n/* defer \u811A\u672C\uFF08hd-align.js\uFF09\u6267\u884C\u665A\u4E8E\u672C\u5185\u8054\u811A\u672C \u2192 \u7ED9\u5B83\u4E00\u4E2A\u4E3B\u52A8\u62C9\u53D6\u4F9D\u8D56\u7684\u5165\u53E3\u3002 */\ntry{ window.__pfmAlignBoot = hdAlignBridge; }catch(e){}\n// 2026-09-14 \u6279\u6B214c\uFF1A\u6587\u5B57\u5C5E\u6027\u6269\u5C55 \u2014\u2014 \u903B\u8F91\u5916\u7F6E\u5728 assets/hd-text.js\nfunction hdTextBridge(){\n var T=window.__hdText; if(!T) return;\n T.init({\n canvas:function(){ return canvas; },\n render:function(){ canvas.renderAll(); },\n save:function(){ saveState(); }\n });\n}\n/* defer \u811A\u672C\uFF08hd-text.js\uFF09\u6267\u884C\u665A\u4E8E\u672C\u5185\u8054\u811A\u672C \u2192 \u4E3B\u52A8\u62C9\u53D6\u4F9D\u8D56\u7684\u5165\u53E3 */\ntry{ window.__pfmTextBoot = hdTextBridge; }catch(e){}\n// 2026-09-14 \u6279\u6B213\uFF1A\u8D1D\u585E\u5C14\u94A2\u7B14 + \u8282\u70B9\u7F16\u8F91 \u2014\u2014 \u903B\u8F91\u5916\u7F6E\u5728 assets/hd-pen.js\nfunction hdPenBridge(){\n var P=window.__hdPen; if(!P) return;\n P.init({\n canvas:function(){ return canvas; },\n add:function(obj,opts){ return window.__pfmAddObject ? window.__pfmAddObject(obj,opts) : null; },\n render:function(){ canvas.renderAll(); },\n save:function(){ saveState(); },\n toast:function(m){ hdcoToast(m); }\n });\n}\n/* defer \u811A\u672C\uFF08hd-pen.js\uFF09\u6267\u884C\u665A\u4E8E\u672C\u5185\u8054\u811A\u672C \u2192 \u4E3B\u52A8\u62C9\u53D6\u4F9D\u8D56\u7684\u5165\u53E3 */\ntry{ window.__pfmPenBoot = hdPenBridge; }catch(e){}\nfunction updateLayers(){\n hdLayersBridge();\n hdImageBridge();\n hdVectorBridge();\n hdAlignBridge();\n hdTextBridge();\n hdPenBridge();\n var list=q('pfmLayersList'); if(!list) return;\n if(_pfmLayerRenaming!==null) return; // \u7F16\u8F91\u4E2D\uFF1A\u51BB\u7ED3\u91CD\u5EFA\n var objs=pfmLayerObjs();\n // 2026-11-02: Layers \u5165\u53E3\u6570\u5B57\u89D2\u6807 = \u5F53\u524D\u5370\u9762\u5BF9\u8C61\u6570\uFF080 \u65F6\u9690\u85CF\uFF09\n var _cnt=q('pfmLayersCount');\n if(_cnt){ var _n=objs.length; if(_n>0){ _cnt.textContent=_n; _cnt.style.display=''; } else { _cnt.style.display='none'; } }\n list.innerHTML=objs.slice().reverse().map(function(o,i){\n var hidden=(o.visible===false), locked=pfmLayerLocked(o), _L=window.__hdLayers, _pk=_L?_L.isPicked(i):false;\n return '
'\n +(_L?_L.checkHtml(i):'')\n +'\u2630'\n +''+esc(pfmLayerLabel(o))+''\n +''\n +''\n +''\n +(_L&&_L.delHtml?_L.delHtml():'')\n +'
';\n }).join('');\n list.querySelectorAll('.pfm-layer-item').forEach(function(item){\n var rev=pfmLayerObjs().slice().reverse();\n var obj=rev[parseInt(item.dataset.idx)];\n // \u70B9\u884C = \u9009\u4E2D\uFF08\u62D6\u62FD\u521A\u7ED3\u675F\u65F6\u6291\u5236\u4E00\u6B21\uFF0C\u907F\u514D\u62D6\u5B8C\u53C8\u9009\u4E2D\uFF09\n item.addEventListener('click',function(){\n if(item._pfmNoClick){ item._pfmNoClick=false; return; }\n if(!obj) return;\n if(window.__hdLayers && window.__hdLayers.multiOn()){ window.__hdLayers.toggle(parseInt(item.dataset.idx,10)); return; }\n canvas.setActiveObject(obj); canvas.renderAll();\n pfmLayerSyncSel(); updateFloatToolbar();\n });\n // \u773C\u775B / \u9501\n item.querySelectorAll('.pfm-layer-btn').forEach(function(btn){\n btn.addEventListener('click',function(e){\n e.stopPropagation();\n if(!obj) return;\n var act=btn.dataset.act;\n if(act==='vis') pfmLayerSetVisible(obj, obj.visible===false);\n else if(act==='rename') pfmLayerStartRename(item,obj);\n else if(act==='pick' && window.__hdLayers){ window.__hdLayers.toggle(parseInt(item.dataset.idx,10)); }\n else pfmLayerSetLocked(obj, !pfmLayerLocked(obj));\n });\n });\n // \u53CC\u51FB\u540D\u79F0 \u2192 inline \u91CD\u547D\u540D\n var nm=item.querySelector('.pfm-layer-name');\n if(nm) nm.addEventListener('dblclick',function(e){ e.stopPropagation(); if(obj) pfmLayerStartRename(item,obj); });\n // 2026-09-13: \u81EA\u5B9E\u73B0\u62D6\u62FD\u6392\u5E8F\uFF08Pointer Events\uFF09\uFF0C\u53D6\u4EE3 HTML5 DnD \u2014\u2014\n // \u2460 draggable \u4F1A\u8BA9 Chrome \u541E\u6389\u5B50\u5143\u7D20 dblclick\uFF08\u6539\u540D\u66FE\u56E0\u6B64\u5931\u6548\uFF09\u2461 HTML5 DnD \u5B8C\u5168\u4E0D\u54CD\u5E94\u89E6\u6478\u3002\n // \u9F20\u6807\u53EF\u62D6\u6574\u884C\uFF086px \u9608\u503C\u5206\u6D41\u70B9\u51FB\u9009\u4E2D\uFF09\uFF1B\u89E6\u6478\u9650 \u2630 \u624B\u67C4 \u2014\u2014 \u884C\u4E0A\u4E0D\u80FD\u8BBE touch-action:none\uFF0C\u5426\u5219\u9762\u677F\u65E0\u6CD5\u6EDA\u52A8\u3002\n item.addEventListener('pointerdown',function(e){\n if(e.target && e.target.closest && e.target.closest('.pfm-layer-btn')) return;\n if(e.pointerType==='mouse' && e.button!==0) return;\n var onHandle=!!(e.target && e.target.closest && e.target.closest('.pfm-layer-drag'));\n if(e.pointerType!=='mouse' && !onHandle) return;\n var lst=q('pfmLayersList'); if(!lst) return;\n var rows=Array.prototype.slice.call(lst.querySelectorAll('.pfm-layer-item'));\n if(rows.length<2) return;\n var self=parseInt(item.dataset.idx), overIdx=-1, started=false;\n var sx=e.clientX, sy=e.clientY;\n function idxAt(y){\n for(var i=0;i=n||toListIdx<0||toListIdx>=n)return;\n var fromObj=objs[n-1-fromListIdx];\n var arr=canvas._objects;\n var fi=arr.indexOf(fromObj);\n if(fi<0)return;\n arr.splice(fi,1);\n var objs2=canvas.getObjects().filter(function(o){return !o.isGrid});\n var toObj=objs2[n-1-toListIdx];\n var ti=arr.indexOf(toObj);\n if(ti<0){arr.push(fromObj)}\n else{arr.splice(ti,0,fromObj)}\n canvas.renderAll();updateLayers();saveState();\n}\n\n// ===== PRODUCT LOADING =====\n// \u540E\u7AEF\u65E0 flat-template \u6570\u636E\u65F6\u7684\u515C\u5E95\uFF1A\u7528\u76F8\u5BF9 printArea(x/y/w/h 0-1) \u00D7 ghost \u539F\u5C3A\u5BF8\u751F\u6210 specs\uFF0C\n// \u4FDD\u8BC1\u8BBE\u8BA1\u53F0\u4ECD\u53EF\u7528\u4E14\u4E0D\u53D8\u5F62\u3002\nfunction buildFallbackSpecs(pa, ghostUrl){\n var src = ghostUrl.indexOf('http')===0 ? (B ? B+'/image-proxy?url='+encodeURIComponent(ghostUrl) : ghostUrl) : ghostUrl;\n var img = new Image();\n img.crossOrigin = 'anonymous';\n img.onload = function(){\n var iw = img.naturalWidth || img.width, ih = img.naturalHeight || img.height;\n if(!iw || !ih) return;\n var specs = {};\n Object.keys(pa).forEach(function(k){\n var r = pa[k];\n if(!r || !r.w || !r.h) return;\n var placement = (k==='default') ? 'front' : k;\n specs[placement] = {\n left: Math.round((r.x||0)*iw),\n top: Math.round((r.y||0)*ih),\n width: Math.round(r.w*iw),\n height: Math.round(r.h*ih),\n templateWidth: iw, templateHeight: ih,\n printWidth: Math.round(r.w*iw),\n printHeight: Math.round(r.h*ih),\n printDpi: 150,\n isFallback: true\n };\n });\n if(Object.keys(specs).length){\n printAreaSpecs = specs;\n originalPrintAreaSpecs = JSON.parse(JSON.stringify(printAreaSpecs));\n var spec = printAreaSpecs[currentPlacement] || printAreaSpecs['front'] || Object.values(printAreaSpecs)[0];\n if(spec) resizeCanvasToPrintArea(spec);\n }\n };\n img.onerror = function(){ console.warn('[canvas] product bg image failed to load:', src); };\n img.src = src;\n}\nfunction loadProduct(id){\n pid=id;\n showLoading();\n /* 2026-10-14: \u6362\u4EA7\u54C1/\u91CD\u8F7D\u5FC5\u987B\u5148\u6E05\u6389\u4E0A\u4E00\u4E2A\u4EA7\u54C1\u7684\u5370\u533A\u4E0E\u5C3A\u5BF8\u7F13\u5B58 \u2014\u2014 \u5426\u5219\u65B0\u4EA7\u54C1\u7684\u89C4\u683C\u53D6\u5931\u8D25\u65F6\u4F1A\n \u6CBF\u7528\u65E7\u4EA7\u54C1\u7684 _pfmPrintArea\uFF08\u6846\u753B\u9519\u4F4D\u7F6E + \u5BFC\u51FA\u88C1\u9519\u8303\u56F4 + \u8D8A\u754C\u5224\u65AD\u5168\u9519\uFF09\u3002 */\n try{ if(canvas){ canvas._pfmPrintArea=null; canvas._pfmResizeKey=null; } }catch(e){}\n // 2026-08-19: \u4EA7\u54C1\u8BE6\u60C5\u7F13\u5B58 hd_prod_v2_\uFF08\u6A21\u677F\u53E6\u6709 hd_tpl_v2_*\uFF09\u2192 \u4E8C\u6B21\u6253\u5F00\u8BBE\u8BA1\u53F0\u79D2\u5F00\u3002\n // 2026-09-04: v2 \u952E\u540D\u4E00\u6B21\u6027\u4F5C\u5E9F\u65E7 schema \u7F13\u5B58\uFF08\u53EA\u6362\u952E\u4E0D\u5220\u6570\u636E\uFF0C\u4E0D\u78B0 hd_draft_*/hdCreatorProfile\uFF09\u3002\n var CACHE_KEY='hd_prod_v2_'+id;\n // \u6821\u9A8C placements \u5B8C\u6574\u6027\uFF1A\u7F3A\u5931/\u7A7A\u7684\u4EA7\u54C1\u6570\u636E\u4E0D\u8BFB\u4E0D\u5199\uFF08\u9632\u810F\u7F13\u5B58\u5BFC\u81F4 Placement \u65E0\u9009\u9879\uFF09\n var validProduct = function(p){\n if(!p || !p.placements || !p.variants || !p.variants.length) return false;\n // 2026-08-19: \u52A0\u4E25\u2014\u2014\u9876\u5C42 placements \u975E\u7A7A\u4F46\u6570\u7EC4\u7A7A\u4E5F\u89C6\u4E3A\u810F\uFF08{print:[],embroidery:[]} \u4F1A\u88AB\u8BEF\u547D\u4E2D\uFF09\n var vals = Object.values(p.placements);\n return vals.some(function(arr){ return Array.isArray(arr) && arr.length > 0; });\n };\n var cached=null;\n try{\n var co=JSON.parse(localStorage.getItem(CACHE_KEY)||'null');\n if(co && validProduct(co.product) && co.fetchedAt && (Date.now()-co.fetchedAt < 24*3600*1000)) cached=co.product;\n else if(co && !validProduct(co.product)){ try{ localStorage.removeItem(CACHE_KEY); }catch(e){} } // \u6E05\u810F\u7F13\u5B58\n }catch(e){}\n // 2026-09-11 (\u6027\u80FD B): flat-template + printfiles\u300C\u63D0\u524D\u53D1\u51FA\u300D\u2014\u2014 \u5165\u53C2\u53EA\u6709 id + selColor\uFF0C\n // **\u4E0D\u4F9D\u8D56** /catalog/product \u7ED3\u679C\uFF08\u539F\u6765\u5199\u5728 then() \u91CC\u4E24\u8F6E\u4E32\u884C\u3001\u767D\u7B49\u4E00\u6574\u8F6E RTT\uFF09\uFF1B\u4EC5\u672C\u5730\u6A21\u677F\u7F13\u5B58\u672A\u547D\u4E2D\u65F6\u624D\u53D1\u3002\n var _tplP=null;\n try{\n var _tplKey='hd_tpl_v6_'+id+'_'+(selColor||'').replace(/[^a-z0-9]/gi,'_');\n var _tc=JSON.parse(localStorage.getItem(_tplKey)||'null');\n var _tcOk=false;\n if(_tc && _tc.ts && Date.now()-_tc.ts < 6*3600*1000 && _tc.flat && _tc.pf){\n var _fc={}; (_tc.flat.templates||[]).forEach(function(t){ if(t&&t.url&&t.placement) _fc[t.placement]=1; });\n _tcOk=Object.keys(_fc).length>=2;\n }\n if(!_tcOk){\n _tplP=Promise.all([\n ft(B + '/catalog/product/' + id + '/flat-template?color=' + encodeURIComponent(selColor || '')),\n ft(B + '/catalog/product/' + id + '/printfiles')\n ]);\n }\n }catch(e){}\n var p;\n if(cached){\n console.log('[DC] product from cache:', id);\n p=Promise.resolve({product:cached});\n // 2026-08-19: stale-while-revalidate \u2014 \u540E\u53F0\u9759\u9ED8\u91CD\u65B0\u62C9\u6570\u636E\u5E76 rerender\uFF08\u9632\u810F\u7F13\u5B58\u53EA\u89C1 1 chip\uFF09\n if(!window.__hdSWR){\n window.__hdSWR=1;\n setTimeout(function(){\n ft(B+'/catalog/product/'+id).then(function(r){return r.json()}).then(function(d){\n if(d && validProduct(d.product)){\n try{ localStorage.setItem(CACHE_KEY, JSON.stringify({product:d.product, fetchedAt:Date.now()})); }catch(e){}\n product=d.product;\n renderPlacements(d.product.placements||{});\n console.log('[DC] SWR refreshed placement chips');\n }\n }).catch(function(){});\n }, 300);\n }\n } else {\n p=ft(B+'/catalog/product/'+id).then(function(r){return r.json()});\n p.then(function(d){\n if(d && validProduct(d.product)){ try{ localStorage.setItem(CACHE_KEY, JSON.stringify({product:d.product, fetchedAt:Date.now()})); }catch(e){} }\n });\n }\n p.then(function(d){\n product=d.product;\n // 2026-08-30: \u6807\u9898\u5DF2\u5220\u9664\uFF08pfmTitle \u4E0D\u5B58\u5728\uFF09\u2014 \u65E0\u64CD\u4F5C\n\n // C: flat-template + printfiles \u6309\u300C\u4EA7\u54C1+\u989C\u8272\u300D\u7F13\u5B58 6h \u2014\u2014 \u591A\u89D2\u5EA6\u4EA7\u54C1\u53EF\u8FBE ~600 \u6A21\u677F\uFF0C\u662F\u52A0\u8F7D\u6700\u6162\u7684\u4E00\u6BB5\u3002\n // 2026-09-04: v2 \u952E\u540D\u4E00\u6B21\u6027\u4F5C\u5E9F\u65E7 schema \u7F13\u5B58\uFF08\u65E7\u6570\u636E\u65E0\u7248\u672C\u6821\u9A8C\uFF0C\u547D\u4E2D\u540E\u7F3A placement spec\uFF09\uFF1BTTL 24h\u21926h\u3002\n var cacheKey='hd_tpl_v6_'+id+'_'+(selColor||'').replace(/[^a-z0-9]/gi,'_'); // 2026-09-09 v6: v5 \u7F13\u5B58\u5B58 D0/\u7EDF\u4E00\u62C9\u56FE\u524D\u6570\u636E\uFF08\u65E0 color \u2192 prodPreview \u7A7A/\u65E7\u8BED\u4E49\uFF09\u2192 \u4F5C\u5E9F\u91CD\u62C9\uFF1Bv6 \u8BED\u4E49=\u670D\u52A1\u5668\u9ED8\u8BA4\u8272 prodPreview + \u53EA\u62C9\u670D\u52A1\u5668\u56FE\n function buildFrom(tdata,pdata){\n var ghostUrl = tdata.url || (d.product.variantImages && Object.values(d.product.variantImages)[0]) || d.product.image || '';\n product.allTemplates = tdata.templates || [];\n /* 2026-10-25\uFF1A\u9884\u8BF7\u6C42\u6240\u6709 positioning \u56FE\u7684\u300C\u670D\u52A1\u7AEF cut \u7248\u300D\u2014\u2014\n \u5207\u9762\u65F6\u6D4F\u89C8\u5668\u5DF2\u7F13\u5B58 \u21D2 \u524D\u666F\u7ACB\u5373\u663E\u793A\uFF0C\u6D88\u9664\u300C\u5207\u9762\u77AC\u95F4\u56FE\u6848\u8FD8\u76D6\u7740\u5E3D\u515C\u300D\u7684\u7A7A\u7A97\u3002 */\n try {\n (product.allTemplates || []).forEach(function (t) {\n if (t && /\\/positioning\\//i.test(t.url || '')) {\n var _pi = new Image();\n _pi.src = B + '/image-proxy?url=' + encodeURIComponent(t.url) + '&cut=200';\n }\n });\n } catch (e) {}\n product._cachedBgUrl = tdata.backgroundUrl || '';\n product._cachedBgColor = tdata.backgroundColor || '';\n // 2026-09-07: \u670D\u52A1\u5668\u9884\u751F\u6210\u6210\u54C1\u56FE\uFF08prodimg//<\u8272>__<\u9762>.png\uFF09\u2014\u2014\u5207\u9762\u4F18\u5148\u76F4\u8D34\uFF0C\u4E0D\u518D\u524D\u7AEF\u62FC host+ghost\n product._prodPreview = tdata.prodPreview || null;\n // 2026-09-07: DROP \u540C\u6B3E \u2014\u2014 \u62FF\u5230\u6210\u54C1\u56FE\u6620\u5C04\u540E\u4E00\u6B21\u6027\u9759\u9ED8\u9884\u52A0\u8F7D\u5168\u90E8 4 \u9762\uFF0C\u5207\u89D2\u5EA6\u53EA\u505A\u672C\u5730\u80CC\u666F\u5207\u6362\u3001\u65E0\u7F51\u7EDC\u7B49\u5F85\u3002\n // 2026-09-09: \u9884\u8F7D URL = \u76F4\u8D34 URL\uFF08prodimg \u539F\u56FE\uFF0C\u4E0E pimg() \u4E00\u81F4\uFF09\u2192 \u5207\u9762\u5FC5\u547D\u4E2D HTTP \u7F13\u5B58\u3002\n try {\n if (product._prodPreview) {\n ['front', 'back', 'sleeve_left', 'sleeve_right'].forEach(function(_f) {\n var _u = product._prodPreview[_f];\n if (!_u) return;\n var _im = new Image();\n _im.decoding = 'async';\n _im.src = _u; // prodimg \u539F\u56FE\uFF081000px \u9759\u6001\u76F4\u8FDE\uFF09\n });\n }\n } catch (e) { /* preload is best-effort */ }\n product._colorName = tdata.requestedColor || '';\n\n // 2026-09-11 (\u6027\u80FD D): \u6570\u636E\u4E00\u5230\u5C31\u7ACB\u523B\u63A8\u5BFC\u5C55\u793A\u53F0\u9996\u56FE\uFF0C\u4E0D\u518D\u7B49 1s \u8F6E\u8BE2\uFF08\u8F6E\u8BE2\u964D\u7EA7\u4E3A\u515C\u5E95\uFF09\u2014\u2014\n // \u4E4B\u524D stagePreview \u7531 setInterval(1000) \u9A71\u52A8\uFF0C\u6570\u636E\u5230\u4F4D\u540E\u6700\u591A\u518D\u767D\u7B49 1 \u79D2\u3002\n if (window.__pfmStagePreview) { try { window.__pfmStagePreview(); } catch (e) {} }\n\n // Build a printfile lookup: printfileId \u2192 { width, height, dpi }\n var printfileMap = {};\n (pdata.printfiles || []).forEach(function(p){\n printfileMap[p.printfileId] = { width: p.width, height: p.height, dpi: p.dpi };\n });\n\n // 2026-08-31: \u9009\u6A21\u677F\u89C4\u5219\u91CD\u5199 \u2014\u2014 \u6309\u5B98\u65B9 variant_printfiles \u7684 printfileId \u7CBE\u786E\u5339\u914D\n // \uFF08\u4FEE\u590D 71 \u5927\u524D\u5370 front_large / 317 \u5047 hash \u6A21\u677F\u8BEF\u9009 / 307,511 zoom \u6A21\u677F\u88AB\u8FC7\u6EE4\uFF09\uFF1A\n // \u5F53\u524D\u53D8\u4F53\u7684 placements \u2192 printfileId \u6620\u5C04\u3002\n var vpList = (pdata.variantPrintfiles) || [];\n var vpMap = {};\n for (var vi = 0; vi < vpList.length; vi++) {\n if (vpList[vi].variant_id === currentVariantId) { vpMap = vpList[vi].placements || {}; break; }\n }\n if (!Object.keys(vpMap).length && vpList.length) vpMap = vpList[0].placements || {};\n // 2. \u6309 placement \u5206\u7EC4\u6A21\u677F\n var byPlace = {};\n (tdata.templates || []).forEach(function(t){\n if(!t.printArea || !t.templateWidth || !t.templateHeight) return;\n if(!byPlace[t.placement]) byPlace[t.placement] = [];\n byPlace[t.placement].push(t);\n });\n // 3. \u6BCF\u7EC4\u9009\u4E00\u4E2A\uFF1A\u5B98\u65B9 printfileId \u7CBE\u786E\u5339\u914D\uFF08\u4EFB\u610F zoom\uFF09\u2192 \u975E zoom \u9762\u79EF\u6700\u5927 \u2192 \u5168 zoom \u515C\u5E95\n printAreaSpecs = {};\n Object.keys(byPlace).forEach(function(p){\n var list = byPlace[p];\n var picked = null;\n var targetPf = vpMap[p];\n if (targetPf) picked = list.find(function(t){ return t.printfileId === targetPf; });\n if (!picked) {\n var nonZoom = list.filter(function(t){ return !t.isZoomed; });\n if (nonZoom.length) {\n picked = nonZoom.slice().sort(function(a,b){\n return (b.printArea.width * b.printArea.height) - (a.printArea.width * a.printArea.height);\n })[0];\n }\n }\n if (!picked) picked = list[0];\n if (picked) {\n var pf = printfileMap[picked.printfileId] || { width: picked.printArea.width, height: picked.printArea.height, dpi: 150 };\n printAreaSpecs[p] = {\n // Template-relative coords (for showing on garment image)\n left: picked.printArea.left, top: picked.printArea.top,\n width: picked.printArea.width, height: picked.printArea.height,\n templateWidth: picked.templateWidth, templateHeight: picked.templateHeight,\n printfileId: picked.printfileId,\n isZoomed: !!picked.isZoomed,\n // Actual print resolution (design canvas logical size)\n printWidth: pf.width, printHeight: pf.height, printDpi: pf.dpi\n };\n }\n });\n originalPrintAreaSpecs = JSON.parse(JSON.stringify(printAreaSpecs));\n\n // 2026-10-05(A): front_large \u5F52\u4E00\u5316\u5DF2\u4E0A\u79FB\u81F3 rerenderPlacements() \u5185\u90E8\uFF08\u552F\u4E00\u771F\u6E90\uFF09\u3002\n // \u8FD9\u91CC\u4ECD\u8C03\u4E00\u6B21\u4EE5\u5237\u65B0 chips\uFF1B\u5F52\u4E00\u5316\u672C\u8EAB\u7531\u51FD\u6570\u5165\u53E3\u5B8C\u6210\uFF08\u5E42\u7B49\uFF1A\u5DF2\u5F52\u4E00\u5316\u540E findIndex \u8FD4\u56DE -1\uFF09\u3002\n rerenderPlacements();\n\n // Fallback: backend has no flat-template data for this product (e.g. not synced).\n // Build specs from the relative printArea scaled to the ghost/variant image size.\n if(!Object.keys(printAreaSpecs).length && d.product && d.product.printArea && ghostUrl){\n buildFallbackSpecs(d.product.printArea, ghostUrl);\n }\n\n // Resize canvas to current placement's print area\n var spec = printAreaSpecs[currentPlacement] || printAreaSpecs['front'] || Object.values(printAreaSpecs)[0];\n if(spec) resizeCanvasToPrintArea(spec);\n\n // 2026-09-08: \u521D\u59CB\u52A0\u8F7D\u4E0E\u5207\u9762\u4E00\u81F4 \u2014\u2014 \u6709 prodPreview \u6210\u54C1\u56FE\u5219\u5355\u5C42\u76F4\u8D34\uFF0C\u4E0D\u518D\u53E0 ghost \u7070\u6A21\uFF08\u907F\u514D\u300C\u53E0\u96FE\u300D\uFF09\u3002\n // 2026-09-09: \u7EDF\u4E00\u300C\u53EA\u62C9\u670D\u52A1\u5668\u56FE\u300D\u2014\u2014 \u65E0\u670D\u52A1\u5668\u6210\u54C1\u5219\u663E\u793A\u5360\u4F4D\uFF0C\u4E0D\u518D\u524D\u7AEF\u62FC\u5C42\uFF08hex+ghost \u5BF9\u586B\u8272\u6A21\u677F\u8BED\u4E49\u9519\u8BEF\uFF0C\n // 71 \u767D T \u4F1A\u53D8\u9ED1\uFF1B\u5B98\u65B9\u62FC\u5C42\u662F\u670D\u52A1\u7AEF\u804C\u8D23\uFF09\u3002\n var _ppInit = product._prodPreview && product._prodPreview[currentPlacement || 'front'];\n if (_ppInit) loadProductBackground('', _ppInit, '#ffffff');\n else showProdPlaceholder();\n\n /* 2026-10-14\uFF1A\u6210\u529F\u8DEF\u5F84\u6539\u8D70\u300C\u5C31\u7EEA\u95E8\u300D\u2014\u2014 \u7B49\u5404\u89D2\u5EA6\u56FE/\u753B\u5E03\u56FE\u7247\u771F\u6B63\u52A0\u8F7D\u5B8C\u624D\u6536\u8D77\u52A0\u8F7D\u63D0\u793A */\n hideLoadingWhenImagesReady();\n _pfmShotsSeed(); /* 2026-10-14\uFF08\u7F13\u5B58\uFF09\uFF1A\u5148\u7528\u672C\u5730\u7F13\u5B58\u56DE\u586B\u5185\u5B58\uFF0C\u518D\u9884\u8F7D */\n pfmDrainPreload(); /* 2026-10-14\uFF1A\u4EA7\u54C1\u5C31\u7EEA \u21D2 \u7ACB\u523B\u6D88\u8D39\u300C\u89C4\u683C\u5361\u961F\u5217\u91CC\u90A3\u51E0\u884C\u8272\u300D\u7684\u9884\u52A0\u8F7D */\n\n }\n // 2026-09-04: \u7F13\u5B58\u81EA\u6108 \u2014\u2014 \u547D\u4E2D\u540E buildFrom \u89E3\u6790\u629B\u9519\uFF08\u810F\u6570\u636E/\u7ED3\u6784\u4E0D\u517C\u5BB9\uFF09\u65F6\u5220\u952E\u5E76\u56DE\u843D\u7F51\u7EDC\u91CD\u62C9\uFF0C\n // \u4E0D\u518D\u88AB\u5916\u5C42\u7A7A catch \u9759\u9ED8\u541E\u6389\uFF08\u66FE\u5BFC\u81F4\u5207\u89D2\u5EA6\u5931\u6548\u800C\u65E0\u75D5\u6B63\u5E38\uFF09\u3002\n try{\n var cached=JSON.parse(localStorage.getItem(cacheKey));\n // 2026-09-04 \u6839\u6CBB\uFF1A\u7ED3\u6784\u6821\u9A8C \u2014\u2014 templates \u987B\u4E3A\u6570\u7EC4\u3001\u81F3\u5C11\u542B 2 \u79CD placement\uFF08front/back\uFF09\u3001\u6BCF\u9879\u6709 url\uFF1B\n // \u5426\u5219\u5F53\u810F\u7F13\u5B58\u4E22\u5F03\u91CD\u62C9\uFF08\u675C\u7EDD\u300C\u9AD8\u4EAE\u4F46\u56FE\u4E0D\u53D8\u300D\uFF09\u3002\n var _flatOk = cached && cached.flat && Array.isArray(cached.flat.templates) && cached.flat.templates.length > 0;\n if(_flatOk){\n var _faces={};\n cached.flat.templates.forEach(function(t){ if(t && t.url && t.placement) _faces[t.placement]=1; });\n _flatOk = Object.keys(_faces).length >= 2;\n }\n var _tplHit = false;\n if(cached && cached.ts && Date.now()-cached.ts < 6*3600*1000 && cached.flat && cached.pf && _flatOk){\n console.log('[loadProduct] using cached templates:', id, selColor);\n try{ buildFrom(cached.flat, cached.pf); }\n catch(e){\n console.warn('[loadProduct] cached templates unusable \u2014 clearing & refetching:', e && e.message);\n try{ localStorage.removeItem(cacheKey); }catch(_){}\n cached=null; // fallthrough \u2192 network reload below\n }\n /* \uD83D\uDD34\uD83D\uDD34 2026-10-12 \u620A\uFF1A\u539F\u6765\u8FD9\u91CC\u662F `if(cached) return;` \u2014\u2014 \u547D\u4E2D\u6A21\u677F\u7F13\u5B58\u5C31**\u76F4\u63A5 return**\uFF0C\n \u628A\u672C\u56DE\u8C03\u4E0B\u534A\u6BB5\u7684 currentTech / currentVariantId / renderPlacements **\u6574\u6BB5\u8DF3\u8FC7**\u3002\n \u540E\u679C\uFF1AcurrentVariantId \u6052\u4E3A null \u21D2 \u51FA\u56FE payload \u9001 catalogVariantId:null \u21D2\n \u670D\u52A1\u7AEF\u53EA\u80FD\u56DE\u9000\u300C\u8BE5\u4EA7\u54C1\u7B2C\u4E00\u4E2A\u989C\u8272\u300D\u21D2 **\u9009\u767D\u51FA\u9ED1**\uFF08\u7B2C\u4E00\u6B21\u8FDB\u65E0\u7F13\u5B58\u662F\u5BF9\u7684\uFF0C\u4E4B\u540E\u5FC5\u9519\uFF09\u3002\n \u6539\u4E3A\u6253\u6807\u8BB0\u7EE7\u7EED\u5F80\u4E0B\u8D70\uFF08\u4EC5\u7F51\u7EDC\u6BB5\u8DF3\u8FC7\uFF09\uFF0C\u4E0B\u9762\u7684\u8D4B\u503C\u4E00\u5F8B\u6267\u884C\u3002 */\n if(cached){ _tplHit = true; }\n }\n }catch(e){ console.warn('[loadProduct] template cache read error:', e && e.message); }\n\n // \u5E76\u884C\u52A0\u8F7D flat-lay \u6A21\u677F + \u5B9E\u9645 printfile \u5C3A\u5BF8\u3002\n // 2026-09-11 (\u6027\u80FD B): \u4F18\u5148\u590D\u7528\u5165\u53E3\u5904\u5DF2\u300C\u63D0\u524D\u53D1\u51FA\u300D\u7684 _tplP\uFF08\u4E0E /catalog/product \u5E76\u884C\uFF09\uFF1B\n // \u4EC5\u7F13\u5B58\u672A\u547D\u4E2D\u56DE\u9000\u5230\u7F51\u7EDC\u65F6\u624D\u73B0\u53D1\u4E00\u6B21\u3002\n if(!_tplHit) (_tplP || Promise.all([\n ft(B + '/catalog/product/' + id + '/flat-template?color=' + encodeURIComponent(selColor || '')),\n ft(B + '/catalog/product/' + id + '/printfiles')\n ])).then(function(responses){\n return Promise.all(responses.map(function(r){return r.json()}));\n }).then(function(arr){\n var tdata = arr[0] || {};\n var pdata = arr[1] || {};\n try{ localStorage.setItem(cacheKey, JSON.stringify({ts:Date.now(), flat:tdata, pf:pdata})); }catch(e){}\n buildFrom(tdata, pdata);\n }).catch(function(e){\n console.error('[loadProduct] template/printfiles failed:', e);\n q('pfmCanvasInner').style.backgroundImage='none';\n q('pfmCanvasInner').style.backgroundColor='#fff';\n hideLoading();\n });\n\n // 2026-08-25: technique \u8DDF\u968F\u4EA7\u54C1\u5B9E\u9645\u652F\u6301\u7684\u6280\u672F\uFF08\u6709 DTFlex/DTFILM \u4F18\u5148\uFF0C\u5426\u5219\u53D6\u4EA7\u54C1\u7B2C\u4E00\u9879\uFF09\u3002\n // 2026-08-29: \u8BBE\u8BA1\u94FE\u8DEF\u4E0D\u505A\u523A\u7EE3 \u2014\u2014 \u8FC7\u6EE4\u523A\u7EE3\u7CFB\u6280\u672F\uFF08Embroidery/Knitwear/Patch\uFF09\uFF0C\u53EA\u7559\u5370\u82B1\u3002\n var techList = (d.product.techniques || []).filter(function(t){\n var k = String((t && (t.key || t.name)) || '').toUpperCase();\n return !(k.indexOf('EMBROIDERY') >= 0 || k.indexOf('KNITWEAR') >= 0);\n });\n currentTech = (techList.find(function(t){ return String(t.key||'').toUpperCase() === 'DTFILM'; }) || techList[0] || { key: 'DTG' }).key;\n if (!techList.length) console.warn('[loadProduct] product only supports embroidery \u2014 design disabled (kept DTG fallback)');\n console.log('[loadProduct] technique:', currentTech);\n /* 2026-10-21 (B): \u6280\u672F\u552F\u4E00\u771F\u6E90 = \u540E\u7AEF\u6837\u673A\u8868\uFF08DTF \u4F18\u5148 DTG \u515C\u5E95\uFF0C\u6BCF\u65E5\u5237\u65B0\uFF09\u3002\n \u8986\u76D6\u4E0A\u9762\u300C\u751F\u4EA7\u8868\u300D\u5224\u65AD\uFF0C\u4FDD\u8BC1 \u8BE6\u60C5\u9875/\u8BBE\u8BA1\u53F0/\u753B\u677F/\u751F\u56FE/\u8865\u56FE \u4E94\u5C42\u4E00\u81F4\u3002 */\n try {\n fetch(B + '/catalog/product/' + pid + '/technique').then(function(r){ return r.json(); }).then(function(dd){\n if (dd && dd.success && dd.technique) { currentTech = dd.technique; console.log('[loadProduct] technique(\u6837\u673A\u8868):', currentTech); }\n }).catch(function(){});\n } catch (e) {}\n var variants = d.product.variants || [];\n // 2026-09-01: color= may be a full name -> match by name first, then color_code.\n var selKey = String(selColor || '').toLowerCase();\n var sizeKey = String(selSize || '').trim().toLowerCase();\n function _vc(v){ return (v.color && String(v.color).toLowerCase()===selKey) || (v.color_code && String(v.color_code).toLowerCase()===selKey); }\n function _vs(v){ return !sizeKey || String(v.size || '').trim().toLowerCase()===sizeKey; }\n /* \u2500\u2500 2026-10-13: \u8272/\u7801\u5F3A\u5173\u8054\u4FEE\u590D \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n \u6539\u524D\u5339\u914D\u94FE\u300C\u8272+\u7801 \u2192 \u53EA\u6309\u8272 \u2192 \u53EA\u6309\u7801\u300D**\u4F1A\u8DE8\u8272\u53D6\u53D8\u4F53**\uFF0C\u800C product._colorName \u4ECD\u662F\n \u9ED8\u8BA4\u8272 \u21D2 \u300C\u7801\u53D6\u81EA A \u8272\u3001\u8272\u540D\u662F B \u8272\u300D\u21D2 \u7ED3\u8D26\u6309 (\u8272\u540D, \u7801) \u67E5 list.variants \u67E5\u4E0D\u5230\uFF0C\n \u62A5 \"<\u8272> is not available in size <\u7801>\"\u3002\u73B0\u5728**\u7EDD\u4E0D\u8DE8\u8272**\uFF1A\u2460 \u76EE\u6807\u8272\u5185\u7CBE\u786E\u547D\u4E2D\uFF1B\n \u2461 \u8BE5\u8272\u6CA1\u6709\u8BE5\u7801 \u21D2 \u56DE\u9000\u5230\u8BE5\u8272\u7B2C\u4E00\u4E2A\u53EF\u7528\u7801\u5E76\u540C\u6B65\u6539\u5199 selSize\uFF08\u63D0\u793A\u7528\u6237\uFF09\uFF1B\n \u2462 \u8FDE\u8272\u90FD\u5BF9\u4E0D\u4E0A \u21D2 \u8DDF\u968F\u7B2C\u4E00\u4E2A\u53D8\u4F53\u5E76\u628A _colorName \u540C\u6B65\u6210\u5B83\u7684\u8272\u540D\uFF08\u4FDD\u8BC1\u4E09\u8005\u4E00\u81F4\uFF09\u3002 */\n var matched = variants.find(function(v){ return _vc(v) && _vs(v); });\n var _szWanted = String(selSize || '').trim(), _szFix = '';\n if (!matched) {\n var _nm0 = String(product._colorName || '').trim().toLowerCase();\n var _bucket = selKey ? variants.filter(_vc)\n : (_nm0 ? variants.filter(function(v){\n return String(v.color || '').trim().toLowerCase() === _nm0\n || String(v.color_code || '').trim().toLowerCase() === _nm0;\n }) : variants);\n if (!_bucket.length) _bucket = variants;\n matched = _bucket[0];\n if (matched) {\n var _sz0 = String(matched.size || '').trim();\n if (_sz0 && _sz0.toLowerCase() !== sizeKey) { if (sizeKey) _szFix = _sz0; selSize = _sz0; }\n }\n }\n currentVariantId = matched ? matched.variant_id : (variants[0] && variants[0].variant_id) || pid;\n /* 2026-10-23\uFF08\u7532\uFF09\uFF1A\u53D8\u4F53\u5339\u914D\u53EA\u5B9A currentVariantId\uFF0C**\u4E0D\u5F97\u8986\u76D6**\u5DF2\u4ECE flat-template \u62FF\u5230\u7684\u6B63\u786E\u8272\u540D\u3002\n \u6839\u56E0\uFF1AURL \u65E0 color \u53C2\u6570\u65F6 selKey='' \u21D2 \u515C\u5E95\u53D6\u300C\u7B2C\u4E00\u4E2A\u53D8\u4F53\u300D\uFF08\u53EF\u80FD\u662F Jet Black/Fire Red\uFF09\uFF0C\n \u8986\u76D6\u6389 @1799 \u7684 requestedColor\uFF08Jet Black/Arctic White\uFF09\u21D2 \u5207\u80CC\u9762/\u4FA7\u9762\u8865\u62C9\u7528\u9519\u8272\u540D \u21D2 \u9ED1\u8896\u7EA2\u8EAB\u3002 */\n if (!product._colorName && matched && matched.color) product._colorName = String(matched.color);\n if (_szFix) {\n console.log('[loadProduct] size adjusted:', _szWanted, '->', _szFix);\n try { showToast('Size ' + _szWanted + ' is not offered in this color - switched to ' + _szFix + '.', 'warn'); } catch (e) {}\n }\n console.log('[loadProduct] selected variant:', currentVariantId, 'color:', selColor, 'size:', selSize);\n /* 2026-10-14\uFF1A\u539F\u6765\u5728\u8FD9\u91CC\u5F80\u9762\u677F\u4E0A\u5199\u4E00\u884C\u5C0F\u5B57\u300CDesigning: \u8272 / \u7801\u300D\u2014\u2014\n \u73B0\u6539\u4E3A**\u53EA\u6302\u6570\u636E**\uFF08window.__dsPick\uFF09\uFF0CUI \u7531\u5916\u7F6E assets/hd-team-combos.js \u7EDF\u4E00\u6E32\u67D3\u6210\u89C4\u683C\u5361\u3002 */\n try{\n var _cn=product._colorName || (matched && matched.color) || '';\n var _hex='';\n try{\n for(var _vi=0;_vi