w-flowchart 1.0.0 → 1.0.1

package/test/pics/p10//347/263/273/347/265/261/345/210/206/345/261/244/346/236/266/346/247/213/345/234/226.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="681" height="1045" viewBox="-18 -18 681 1045" style="background:#fff"><rect x="148" y="12" width="349" height="139" rx="8" fill="#f5f9fe" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="288" y="17" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3;overflow-wrap:break-word;word-break:normal">展示層</div></foreignObject><rect x="12" y="237" width="621" height="159" rx="8" fill="#f0f7f3" fill-opacity="0.38" stroke="#348a5c" stroke-width="2"></rect><foreignObject x="288" y="242" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#348a5c;line-height:1.3;overflow-wrap:break-word;word-break:normal">應用層</div></foreignObject><rect x="126.5" y="482" width="392" height="159" rx="8" fill="#fdf6ec" fill-opacity="0.38" stroke="#c46e1a" stroke-width="2"></rect><foreignObject x="288" y="487" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#c46e1a;line-height:1.3;overflow-wrap:break-word;word-break:normal">領域層</div></foreignObject><rect x="160.5" y="727" width="324" height="92" rx="8" fill="#faf7fd" fill-opacity="0.38" stroke="#8163ad" stroke-width="2"></rect><foreignObject x="288" y="732" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#8163ad;line-height:1.3;overflow-wrap:break-word;word-break:normal">基礎層</div></foreignObject><rect x="153.5" y="905" width="338" height="92" rx="8" fill="#eef4fb" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="288" y="910" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3;overflow-wrap:break-word;word-break:normal">資料層</div></foreignObject><path d="M 322.5 151 L 322.5 237" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 322.5 237 L 326.5 228 L 318.5 228 Z" fill="#44505a"></path><foreignObject x="245.5" y="185" width="81" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">呼叫應用服務</div></foreignObject><path d="M 322.5 396 L 322.5 482" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 322.5 482 L 326.5 473 L 318.5 473 Z" fill="#44505a"></path><foreignObject x="245.5" y="430" width="81" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">調用領域邏輯</div></foreignObject><path d="M 322.5 641 L 322.5 727" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 322.5 727 L 326.5 718 L 318.5 718 Z" fill="#44505a"></path><foreignObject x="245.5" y="675" width="81" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">存取基礎設施</div></foreignObject><path d="M 322.5 819 L 322.5 905" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 322.5 905 L 326.5 896 L 318.5 896 Z" fill="#44505a"></path><foreignObject x="270.5" y="853" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">讀寫資料</div></foreignObject><rect x="162" y="54" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="162" y="54" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">網頁介面</div></div></foreignObject><rect x="270" y="54" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="270" y="54" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">行動介面</div></div></foreignObject><rect x="378" y="54" width="105" height="83" rx="7" fill="#eef4fb"></rect><path d="M 385 54 H 476 A 7 7 0 0 1 483 61 V 86 H 378 V 61 A 7 7 0 0 1 385 54 Z" fill="#d2dfef"></path><rect x="378" y="54" width="105" height="83" rx="7" fill="none" stroke="#3f6fb0" stroke-width="1.6"></rect><line x1="378" y1="86" x2="483" y2="86" stroke="#3f6fb0" stroke-width="1"></line><foreignObject x="378" y="54" width="105" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">入口整合</div></div></foreignObject><foreignObject x="378" y="86" width="105" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;單一登入</div><div style="white-space:nowrap">•&#160;多裝置佈局</div></div></foreignObject><rect x="26" y="279" width="92" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="26" y="279" width="92" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">API 控制器</div></div></foreignObject><rect x="146" y="279" width="365" height="103" rx="7" fill="#eaf4ef"></rect><path d="M 153 279 H 504 A 7 7 0 0 1 511 286 V 311 H 146 V 286 A 7 7 0 0 1 153 279 Z" fill="#cde3d7"></path><rect x="146" y="279" width="365" height="103" rx="7" fill="none" stroke="#348a5c" stroke-width="1.6"></rect><line x1="146" y1="311" x2="511" y2="311" stroke="#348a5c" stroke-width="1"></line><foreignObject x="146" y="279" width="365" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">應用服務</div></div></foreignObject><foreignObject x="146" y="311" width="365" height="71"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;流程協調</div><div style="white-space:nowrap">•&#160;交易腳本</div><div style="white-space:nowrap">•&#160;跨系統交易流程協調與非同步例外復原重試機制完整說明</div></div></foreignObject><rect x="539" y="279" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="539" y="279" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">資料驗證</div></div></foreignObject><rect x="140.5" y="524" width="92" height="103" rx="7" fill="#fcf0e2"></rect><path d="M 147.5 524 H 225.5 A 7 7 0 0 1 232.5 531 V 556 H 140.5 V 531 A 7 7 0 0 1 147.5 524 Z" fill="#f3dbc2"></path><rect x="140.5" y="524" width="92" height="103" rx="7" fill="none" stroke="#c46e1a" stroke-width="1.6"></rect><line x1="140.5" y1="556" x2="232.5" y2="556" stroke="#c46e1a" stroke-width="1"></line><foreignObject x="140.5" y="524" width="92" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">領域模型</div></div></foreignObject><foreignObject x="140.5" y="556" width="92" height="71"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;實體</div><div style="white-space:nowrap">•&#160;值物件</div><div style="white-space:nowrap">•&#160;領域服務</div></div></foreignObject><rect x="260.5" y="524" width="108" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="260.5" y="524" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">業務規則引擎</div></div></foreignObject><rect x="396.5" y="524" width="108" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="396.5" y="524" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">領域事件發布</div></div></foreignObject><rect x="174.5" y="769" width="80" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="174.5" y="769" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">訊息佇列</div></div></foreignObject><rect x="282.5" y="769" width="52" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="282.5" y="769" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">快取</div></div></foreignObject><rect x="362.5" y="769" width="108" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="362.5" y="769" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">外部整合介面</div></div></foreignObject><rect x="167.5" y="947" width="94" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="167.5" y="947" width="94" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">主要資料庫</div></div></foreignObject><rect x="289.5" y="947" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="289.5" y="947" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">檔案儲存</div></div></foreignObject><rect x="397.5" y="947" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="397.5" y="947" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">備份儲存</div></div></foreignObject></svg>

package/test/pics/p10//350/250/202/345/226/256/350/231/225/347/220/206/346/265/201/347/250/213/345/234/226.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="969" height="1088" viewBox="-18 -18 969 1088" style="background:#fff"><rect x="12" y="12" width="909" height="1028" rx="8" fill="#f5f9fe" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="402" y="17" width="129" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3;overflow-wrap:break-word;word-break:normal">訂單處理主流程</div></foreignObject><rect x="318" y="639" width="589" height="310" rx="8" fill="#eaf4ef" fill-opacity="0.38" stroke="#348a5c" stroke-width="2"></rect><foreignObject x="548" y="644" width="129" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#348a5c;line-height:1.3;overflow-wrap:break-word;word-break:normal">付款與出貨處理</div></foreignObject><path d="M 386 793 L 386 823" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 386 823 L 390 814 L 382 814 Z" fill="#44505a"></path><path d="M 386 859 L 386 889" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 386 889 L 390 880 L 382 880 Z" fill="#44505a"></path><path d="M 386 925 L 386 943 L 460 943 L 460 673 L 563 673 L 563 691" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 563 691 L 567 682 L 559 682 Z" fill="#44505a"></path><path d="M 563 727 L 563 757" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 563 757 L 567 748 L 559 748 Z" fill="#44505a"></path><path d="M 563 793 L 563 823" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 563 823 L 567 814 L 559 814 Z" fill="#44505a"></path><path d="M 563 859 L 563 877 L 665 877 L 665 673 L 768 673 L 768 691" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 768 691 L 772 682 L 764 682 Z" fill="#44505a"></path><path d="M 768 727 L 768 757" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 768 757 L 772 748 L 764 748 Z" fill="#44505a"></path><path d="M 768 793 L 768 823" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 768 823 L 772 814 L 764 814 Z" fill="#44505a"></path><path d="M 99.16666666666663 342 L 99.16666666666666 372" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 99.16666666666666 372 L 103.16666666666664 363 L 95.16666666666664 363 Z" fill="#44505a"></path><path d="M 121.83333333333331 408 L 121.83333333333331 542 L 98 542 L 98 562" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 98 562 L 102 553 L 94 553 Z" fill="#44505a"></path><path d="M 62 562 L 62 542 L 34.16666666666663 542 L 34.16666666666663 224 L 165.99999999999994 224 L 165.99999999999994 174" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 165.99999999999994 174 L 161.99999999999994 183 L 169.99999999999994 183 Z" fill="#44505a"></path><path d="M 205.99999999999994 214 L 205.99999999999994 248 L 310.99999999999994 248 L 310.99999999999994 306" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 310.99999999999994 306 L 314.99999999999994 297 L 306.99999999999994 297 Z" fill="#44505a"></path><foreignObject x="295.99999999999994" y="258" width="19" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">是</div></foreignObject><path d="M 205.99999999999994 214 L 205.99999999999994 224 L 446.99999999999994 224 L 446.99999999999994 306" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 446.99999999999994 306 L 450.99999999999994 297 L 442.99999999999994 297 Z" fill="#44505a"></path><foreignObject x="431.99999999999994" y="258" width="19" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">否</div></foreignObject><path d="M 446.99999999999994 342 L 446.99999999999994 360 L 144.5 360 L 144.5 372" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 144.5 372 L 148.5 363 L 140.5 363 Z" fill="#44505a"></path><path d="M 310.99999999999994 342 L 311 372" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 311 372 L 315 363 L 307 363 Z" fill="#44505a"></path><path d="M 311 532 L 311 542 L 386 542 L 386 757" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 386 757 L 390 748 L 382 748 Z" fill="#44505a"></path><foreignObject x="389" y="571" width="19" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">是</div></foreignObject><path d="M 311 532 L 311 542 L 236 542 L 236 639" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 236 639 L 240 630 L 232 630 Z" fill="#44505a"></path><foreignObject x="221" y="571" width="19" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">否</div></foreignObject><path d="M 768 859 L 768 877 L 893 877 L 893 970 L 584.5 970 L 584.5 990" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 584.5 990 L 588.5 981 L 580.5 981 Z" fill="#44505a"></path><path d="M 236 675 L 236 970 L 548.5 970 L 548.5 990" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 548.5 990 L 552.5 981 L 544.5 981 Z" fill="#44505a"></path><rect x="346" y="757" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="346" y="757" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">鎖定庫存</div></div></foreignObject><rect x="332" y="823" width="108" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="332" y="823" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">計算訂單金額</div></div></foreignObject><rect x="332" y="889" width="108" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="332" y="889" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">套用優惠折扣</div></div></foreignObject><rect x="516" y="691" width="94" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="516" y="691" width="94" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">產生付款單</div></div></foreignObject><rect x="495" y="757" width="136" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="495" y="757" width="136" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">呼叫金流服務扣款</div></div></foreignObject><rect x="481" y="823" width="164" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="481" y="823" width="164" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">更新訂單狀態為已付款</div></div></foreignObject><rect x="714" y="691" width="108" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="714" y="691" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">交付物流配送</div></div></foreignObject><rect x="686" y="757" width="164" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="686" y="757" width="164" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">更新訂單狀態為已出貨</div></div></foreignObject><rect x="707" y="823" width="122" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="707" y="823" width="122" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">寄送完成通知信</div></div></foreignObject><rect x="45.16666666666663" y="306" width="108" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="45.16666666666663" y="306" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">客戶送出訂單</div></div></foreignObject><rect x="53.833333333333314" y="372" width="136" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="53.833333333333314" y="372" width="136" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">系統接收訂單資料</div></div></foreignObject><rect x="26" y="562" width="108" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="26" y="562" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">檢核必填欄位</div></div></foreignObject><polygon points="205.99999999999994,54 285.99999999999994,134 205.99999999999994,214 125.99999999999994,134" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.8"></polygon><foreignObject x="125.99999999999994" y="54" width="160" height="160"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">欄位是否齊全</div></div></foreignObject><rect x="256.99999999999994" y="306" width="108" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="256.99999999999994" y="306" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">查詢庫存數量</div></div></foreignObject><polygon points="311,372 391,452 311,532 231,452" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.8"></polygon><foreignObject x="231" y="372" width="160" height="160"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">庫存是否足夠</div></div></foreignObject><rect x="392.99999999999994" y="306" width="108" height="36" rx="7" fill="#fbecea" stroke="#c0392b" stroke-width="1.6"></rect><foreignObject x="392.99999999999994" y="306" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">退回補填欄位</div></div></foreignObject><rect x="182" y="639" width="108" height="36" rx="7" fill="#fbecea" stroke="#c0392b" stroke-width="1.6"></rect><foreignObject x="182" y="639" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">通知客戶缺貨</div></div></foreignObject><rect x="512.5" y="990" width="108" height="36" rx="7" fill="#eaf4ef" stroke="#256046" stroke-width="1.6"></rect><foreignObject x="512.5" y="990" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#256046;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">訂單處理完成</div></div></foreignObject></svg>

package/test/pics/p10//350/263/207/346/226/231/346/265/201/345/220/221/345/234/226.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="989" height="396" viewBox="-18 -18 989 396" style="background:#fff"><rect x="12" y="12" width="122" height="307" rx="8" fill="#f5f9fe" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="31" y="17" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3;overflow-wrap:break-word;word-break:normal">資料來源</div></foreignObject><rect x="285" y="97.5" width="334" height="247" rx="8" fill="#f0f7f3" fill-opacity="0.38" stroke="#348a5c" stroke-width="2"></rect><foreignObject x="410" y="102.5" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#348a5c;line-height:1.3;overflow-wrap:break-word;word-break:normal">資料處理</div></foreignObject><rect x="819" y="41" width="122" height="307" rx="8" fill="#fdf6ec" fill-opacity="0.38" stroke="#c46e1a" stroke-width="2"></rect><foreignObject x="838" y="46" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#c46e1a;line-height:1.3;overflow-wrap:break-word;word-break:normal">資料輸出</div></foreignObject><path d="M 399 201 L 485 201 L 485 248.75 L 505 248.75" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 505 248.75 L 496 244.75 L 496 252.75 Z" fill="#44505a"></path><foreignObject x="437" y="180" width="44" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">清洗後</div></foreignObject><path d="M 407 308.5 L 485 308.5 L 485 260.75 L 505 260.75" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 505 260.75 L 496 256.75 L 496 264.75 Z" fill="#44505a"></path><foreignObject x="437" y="311.5" width="44" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">比對後</div></foreignObject><path d="M 120 115.5 L 171 115.5 L 171 144.875 L 248 144.875 L 248 180.5 L 307 180.5" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 307 180.5 L 298 176.5 L 298 184.5 Z" fill="#44505a"></path><foreignObject x="197" y="147.875" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">傳送</div></foreignObject><path d="M 120 223 L 248 223 L 248 221.5 L 307 221.5" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 307 221.5 L 298 217.5 L 298 225.5 Z" fill="#44505a"></path><foreignObject x="197" y="226" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">傳送</div></foreignObject><path d="M 120 287 L 171 287 L 171 296.125 L 248 296.125 L 248 308.5 L 299 308.5" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 299 308.5 L 290 304.5 L 290 312.5 Z" fill="#44505a"></path><foreignObject x="197" y="299.125" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">傳送</div></foreignObject><path d="M 585 245.75 L 603 245.75 L 603 244.75 L 656 244.75 L 656 162.375 L 782 162.375 L 782 144.5 L 833 144.5" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 833 144.5 L 824 140.5 L 824 148.5 Z" fill="#44505a"></path><foreignObject x="718.5" y="165.375" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">彙整</div></foreignObject><path d="M 585 254.75 L 680 254.75 L 680 252 L 833 252" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 833 252 L 824 248 L 824 256 Z" fill="#44505a"></path><foreignObject x="706" y="255" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">異常觸發</div></foreignObject><path d="M 585 263.75 L 603 263.75 L 603 316 L 833 316" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 833 316 L 824 312 L 824 320 Z" fill="#44505a"></path><foreignObject x="706" y="319" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">客製需求</div></foreignObject><rect x="34" y="54" width="86" height="123" rx="7" fill="#eef4fb"></rect><path d="M 41 54 H 113 A 7 7 0 0 1 120 61 V 86 H 34 V 61 A 7 7 0 0 1 41 54 Z" fill="#d2dfef"></path><rect x="34" y="54" width="86" height="123" rx="7" fill="none" stroke="#3f6fb0" stroke-width="1.6"></rect><line x1="34" y1="86" x2="120" y2="86" stroke="#3f6fb0" stroke-width="1"></line><foreignObject x="34" y="54" width="86" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">感測資料</div></div></foreignObject><foreignObject x="34" y="86" width="86" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;溫度</div><div style="white-space:nowrap">•&#160;濕度</div><div style="white-space:nowrap">•&#160;壓力</div><div style="white-space:nowrap">•&#160;流量</div></div></foreignObject><rect x="40" y="205" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="40" y="205" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">手動輸入</div></div></foreignObject><rect x="26" y="269" width="94" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="26" y="269" width="94" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">第三方饋入</div></div></foreignObject><rect x="307" y="139.5" width="92" height="123" rx="7" fill="#eaf4ef"></rect><path d="M 314 139.5 H 392 A 7 7 0 0 1 399 146.5 V 171.5 H 307 V 146.5 A 7 7 0 0 1 314 139.5 Z" fill="#cde3d7"></path><rect x="307" y="139.5" width="92" height="123" rx="7" fill="none" stroke="#348a5c" stroke-width="1.6"></rect><line x1="307" y1="171.5" x2="399" y2="171.5" stroke="#348a5c" stroke-width="1"></line><foreignObject x="307" y="139.5" width="92" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">資料清洗</div></div></foreignObject><foreignObject x="307" y="171.5" width="92" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;去除雜訊</div><div style="white-space:nowrap">•&#160;補值</div><div style="white-space:nowrap">•&#160;格式轉換</div><div style="white-space:nowrap">•&#160;單位換算</div></div></foreignObject><rect x="505" y="236.75" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="505" y="236.75" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">資料合併</div></div></foreignObject><rect x="299" y="290.5" width="108" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="299" y="290.5" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">重複資料比對</div></div></foreignObject><rect x="833" y="83" width="92" height="123" rx="7" fill="#fcf0e2"></rect><path d="M 840 83 H 918 A 7 7 0 0 1 925 90 V 115 H 833 V 90 A 7 7 0 0 1 840 83 Z" fill="#f3dbc2"></path><rect x="833" y="83" width="92" height="123" rx="7" fill="none" stroke="#c46e1a" stroke-width="1.6"></rect><line x1="833" y1="115" x2="925" y2="115" stroke="#c46e1a" stroke-width="1"></line><foreignObject x="833" y="83" width="92" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">統計報表</div></div></foreignObject><foreignObject x="833" y="115" width="92" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;日報</div><div style="white-space:nowrap">•&#160;週報</div><div style="white-space:nowrap">•&#160;月報</div><div style="white-space:nowrap">•&#160;異常報告</div></div></foreignObject><rect x="833" y="234" width="80" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="833" y="234" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">警示通知</div></div></foreignObject><rect x="833" y="298" width="94" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="833" y="298" width="94" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">客製化輸出</div></div></foreignObject></svg>

package/test/pics/p10//350/263/207/346/226/231/346/270/205/346/264/227/346/265/201/347/250/213/345/234/226.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="562" height="504" viewBox="-18 -18 562 504" style="background:#fff"><rect x="12" y="12" width="502" height="443.5" rx="8" fill="#f5f9fe" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="206" y="17" width="114" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3;overflow-wrap:break-word;word-break:normal">資料清洗流程</div></foreignObject><path d="M 144 95.5 L 188 95.5" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 188 95.5 L 179 91.5 L 179 99.5 Z" fill="#44505a"></path><path d="M 293 95.5 L 320 95.5 L 320 157 L 18 157 L 18 196 L 36 196" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 36 196 L 27 192 L 27 200 Z" fill="#44505a"></path><path d="M 144 196 L 188 196" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 188 196 L 179 192 L 179 200 Z" fill="#44505a"></path><path d="M 296 196 L 320 196 L 320 234 L 26 234 L 26 273 L 64 273" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 64 273 L 55 269 L 55 277 Z" fill="#44505a"></path><path d="M 144 273 L 202 273" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 202 273 L 193 269 L 193 277 Z" fill="#44505a"></path><path d="M 296 273 L 336 273 L 336 322 L 354 322" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 354 322 L 345 318 L 345 326 Z" fill="#44505a"></path><path d="M 354 340 L 336 340 L 336 343 L 144 343" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 144 343 L 153 347 L 153 339 Z" fill="#44505a"></path><foreignObject x="224" y="345.5" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">連線逾時</div></foreignObject><path d="M 144 331 L 354 331" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 354 331 L 345 327 L 345 335 Z" fill="#44505a"></path><path d="M 490 331 L 508 331 L 508 384.5 L 18 384.5 L 18 423.5 L 36 423.5" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 36 423.5 L 27 419.5 L 27 427.5 Z" fill="#44505a"></path><path d="M 144 423.5 L 188 423.5" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 188 423.5 L 179 419.5 L 179 427.5 Z" fill="#44505a"></path><rect x="36" y="77.5" width="108" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="36" y="77.5" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">原始資料匯入</div></div></foreignObject><rect x="188" y="54" width="105" height="83" rx="7" fill="#eef4fb"></rect><path d="M 195 54 H 286 A 7 7 0 0 1 293 61 V 86 H 188 V 61 A 7 7 0 0 1 195 54 Z" fill="#d2dfef"></path><rect x="188" y="54" width="105" height="83" rx="7" fill="none" stroke="#3f6fb0" stroke-width="1.6"></rect><line x1="188" y1="86" x2="293" y2="86" stroke="#3f6fb0" stroke-width="1"></line><foreignObject x="188" y="54" width="105" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">格式偵測</div></div></foreignObject><foreignObject x="188" y="86" width="105" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;辨識編碼</div><div style="white-space:nowrap">•&#160;辨識分隔符</div></div></foreignObject><rect x="36" y="178" width="108" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="36" y="178" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">欄位型別轉換</div></div></foreignObject><rect x="188" y="178" width="108" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="188" y="178" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">移除重複紀錄</div></div></foreignObject><rect x="64" y="255" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="64" y="255" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">空值補齊</div></div></foreignObject><rect x="202" y="255" width="94" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="202" y="255" width="94" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">異常值偵測</div></div></foreignObject><rect x="354" y="313" width="136" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="354" y="313" width="136" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">呼叫外部驗證服務</div></div></foreignObject><rect x="36" y="319" width="108" height="36" rx="7" fill="#fbecea" stroke="#c0392b" stroke-width="1.6"></rect><foreignObject x="36" y="319" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">重新嘗試連線</div></div></foreignObject><rect x="36" y="405.5" width="108" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="36" y="405.5" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">彙整清洗結果</div></div></foreignObject><rect x="188" y="405.5" width="122" height="36" rx="7" fill="#eaf4ef" stroke="#256046" stroke-width="1.6"></rect><foreignObject x="188" y="405.5" width="122" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#256046;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">輸出乾淨資料集</div></div></foreignObject></svg>

package/test/pics/p10//351/233/273/345/225/206/345/271/263/345/217/260/346/236/266/346/247/213/345/234/226.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="555" height="826" viewBox="-18 -18 555 826" style="background:#fff"><rect x="30" y="12" width="358" height="159" rx="8" fill="#f5f9fe" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="174.5" y="17" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3;overflow-wrap:break-word;word-break:normal">前台層</div></foreignObject><rect x="53" y="339" width="454" height="159" rx="8" fill="#f0f7f3" fill-opacity="0.38" stroke="#348a5c" stroke-width="2"></rect><foreignObject x="245.5" y="344" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#348a5c;line-height:1.3;overflow-wrap:break-word;word-break:normal">服務層</div></foreignObject><rect x="170" y="666" width="310" height="112" rx="8" fill="#fdf6ec" fill-opacity="0.38" stroke="#c46e1a" stroke-width="2"></rect><foreignObject x="290.5" y="671" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#c46e1a;line-height:1.3;overflow-wrap:break-word;word-break:normal">資料層</div></foreignObject><path d="M 138 171 L 138 208 L 137 208 L 137 278 L 106 278 L 106 339" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 106 339 L 110 330 L 102 330 Z" fill="#44505a"></path><foreignObject x="85" y="234" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">前台請求</div></foreignObject><path d="M 463 498 L 463 535 L 474 535 L 474 605 L 436 605 L 436 666" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 436 666 L 440 657 L 432 657 Z" fill="#44505a"></path><foreignObject x="422" y="561" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">資料存取</div></foreignObject><path d="M 84 90 L 84 208 L 62 208 L 62 278 L 93 278 L 93 381" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 93 381 L 97 372 L 89 372 Z" fill="#44505a"></path><foreignObject x="12" y="234" width="54" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">呼叫 API</div></foreignObject><path d="M 192 90 L 192 208 L 210 208 L 210 302 L 119 302 L 119 381" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 119 381 L 123 372 L 115 372 Z" fill="#44505a"></path><foreignObject x="160" y="234" width="54" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">呼叫 API</div></foreignObject><path d="M 203.66666666666666 484 L 203.66666666666669 535 L 215.33333333333334 535 L 215.33333333333334 728" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 215.33333333333334 728 L 219.33333333333334 719 L 211.33333333333334 719 Z" fill="#44505a"></path><path d="M 339 464 L 339 605 L 246.66666666666666 605 L 246.66666666666666 728" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 246.66666666666666 728 L 250.66666666666666 719 L 242.66666666666666 719 Z" fill="#44505a"></path><path d="M 234.33333333333334 484 L 234.33333333333334 535 L 314 535 L 314 629 L 332 629 L 332 728" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 332 728 L 336 719 L 328 719 Z" fill="#44505a"></path><foreignObject x="262" y="561" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">快取查詢</div></foreignObject><path d="M 453 417 L 453 535 L 397 535 L 397 605 L 426 605 L 426 728" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 426 728 L 430 719 L 422 719 Z" fill="#44505a"></path><rect x="44" y="54" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="44" y="54" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">網頁前端</div></div></foreignObject><rect x="152" y="54" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="152" y="54" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">行動應用</div></div></foreignObject><rect x="260" y="54" width="114" height="103" rx="7" fill="#eef4fb"></rect><path d="M 267 54 H 367 A 7 7 0 0 1 374 61 V 86 H 260 V 61 A 7 7 0 0 1 267 54 Z" fill="#d2dfef"></path><rect x="260" y="54" width="114" height="103" rx="7" fill="none" stroke="#3f6fb0" stroke-width="1.6"></rect><line x1="260" y1="86" x2="374" y2="86" stroke="#3f6fb0" stroke-width="1"></line><foreignObject x="260" y="54" width="114" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">前端共用元件</div></div></foreignObject><foreignObject x="260" y="86" width="114" height="71"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;元件庫</div><div style="white-space:nowrap">•&#160;狀態管理</div><div style="white-space:nowrap">•&#160;路由設定</div></div></foreignObject><rect x="67" y="381" width="78" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="67" y="381" width="78" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">API 閘道</div></div></foreignObject><rect x="173" y="381" width="92" height="103" rx="7" fill="#eaf4ef"></rect><path d="M 180 381 H 258 A 7 7 0 0 1 265 388 V 413 H 173 V 388 A 7 7 0 0 1 180 381 Z" fill="#cde3d7"></path><rect x="173" y="381" width="92" height="103" rx="7" fill="none" stroke="#348a5c" stroke-width="1.6"></rect><line x1="173" y1="413" x2="265" y2="413" stroke="#348a5c" stroke-width="1"></line><foreignObject x="173" y="381" width="92" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">訂單服務</div></div></foreignObject><foreignObject x="173" y="413" width="92" height="71"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;訂單建立</div><div style="white-space:nowrap">•&#160;訂單查詢</div><div style="white-space:nowrap">•&#160;退款處理</div></div></foreignObject><rect x="293" y="381" width="92" height="83" rx="7" fill="#eaf4ef"></rect><path d="M 300 381 H 378 A 7 7 0 0 1 385 388 V 413 H 293 V 388 A 7 7 0 0 1 300 381 Z" fill="#cde3d7"></path><rect x="293" y="381" width="92" height="83" rx="7" fill="none" stroke="#348a5c" stroke-width="1.6"></rect><line x1="293" y1="413" x2="385" y2="413" stroke="#348a5c" stroke-width="1"></line><foreignObject x="293" y="381" width="92" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">會員服務</div></div></foreignObject><foreignObject x="293" y="413" width="92" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;註冊登入</div><div style="white-space:nowrap">•&#160;權限驗證</div></div></foreignObject><rect x="413" y="381" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="413" y="381" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">通知服務</div></div></foreignObject><rect x="184" y="728" width="94" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="184" y="728" width="94" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">主要資料庫</div></div></foreignObject><rect x="306" y="728" width="52" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="306" y="728" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">快取</div></div></foreignObject><rect x="386" y="728" width="80" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="386" y="728" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">訊息佇列</div></div></foreignObject></svg>

package/test/pics/p10//351/240/201/351/235/242/345/260/216/350/246/275/351/227/234/350/201/257/345/234/226.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="852" viewBox="-18 -18 600 852" style="background:#fff"><rect x="12" y="12" width="539.5" height="501" rx="8" fill="#faf7fd" fill-opacity="0.38" stroke="#8163ad" stroke-width="2"></rect><foreignObject x="239.75" y="17" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#8163ad;line-height:1.3;overflow-wrap:break-word;word-break:normal">入口網站</div></foreignObject><rect x="26" y="54" width="108" height="434" rx="8" fill="#eef4fb" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="30.5" y="59" width="99" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3;overflow-wrap:break-word;word-break:normal">商品瀏覽區</div></foreignObject><rect x="162" y="168" width="213" height="320" rx="8" fill="#eaf4ef" fill-opacity="0.38" stroke="#348a5c" stroke-width="2"></rect><foreignObject x="226.5" y="173" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#348a5c;line-height:1.3;overflow-wrap:break-word;word-break:normal">會員專區</div></foreignObject><rect x="403" y="54" width="134.5" height="434" rx="8" fill="#fdf6ec" fill-opacity="0.38" stroke="#c46e1a" stroke-width="2"></rect><foreignObject x="428.25" y="59" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#c46e1a;line-height:1.3;overflow-wrap:break-word;word-break:normal">購物流程</div></foreignObject><path d="M 80 132 L 80 210" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 80 210 L 84 201 L 76 201 Z" fill="#44505a"></path><foreignObject x="53" y="162" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 80 246 L 80 324" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 80 324 L 84 315 L 76 315 Z" fill="#44505a"></path><foreignObject x="53" y="276" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 80 360 L 80 438" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 80 438 L 84 429 L 76 429 Z" fill="#44505a"></path><foreignObject x="53" y="390" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 293.5 246 L 293.5 264 L 209 264 L 209 324" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 209 324 L 213 315 L 205 315 Z" fill="#44505a"></path><foreignObject x="182" y="276" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 310 246 L 310 324" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 310 324 L 314 315 L 306 315 Z" fill="#44505a"></path><foreignObject x="258" y="276" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">登入成功</div></foreignObject><path d="M 310 360 L 310 438" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 310 438 L 314 429 L 306 429 Z" fill="#44505a"></path><foreignObject x="283" y="390" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 479.5 132 L 479.5 150 L 469 150 L 469 210" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 469 210 L 473 201 L 465 201 Z" fill="#44505a"></path><foreignObject x="442" y="162" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 469 246 L 469 324" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 469 324 L 473 315 L 465 315 Z" fill="#44505a"></path><foreignObject x="442" y="276" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 469 360 L 469 438" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 469 438 L 473 429 L 465 429 Z" fill="#44505a"></path><foreignObject x="417" y="390" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">付款完成</div></foreignObject><path d="M 80 474 L 80 550 L 182.5 550 L 182.5 620 L 343.5 620 L 343.5 646" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 343.5 646 L 347.5 637 L 339.5 637 Z" fill="#44505a"></path><foreignObject x="155.5" y="576" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 326.5 246 L 326.5 264 L 360 264 L 360 646" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 360 646 L 364 637 L 356 637 Z" fill="#44505a"></path><foreignObject x="308" y="576" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">忘記密碼</div></foreignObject><path d="M 501.5 132 L 501.5 150 L 512 150 L 512 550 L 473.5 550 L 473.5 620 L 376.5 620 L 376.5 646" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 376.5 646 L 380.5 637 L 372.5 637 Z" fill="#44505a"></path><foreignObject x="421.5" y="576" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">需要協助</div></foreignObject><path d="M 360 682 L 360 768" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 360 768 L 364 759 L 356 759 Z" fill="#44505a"></path><foreignObject x="333" y="716" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><rect x="54" y="96" width="52" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="54" y="96" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">首頁</div></div></foreignObject><rect x="40" y="210" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="40" y="210" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">分類列表</div></div></foreignObject><rect x="40" y="324" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="40" y="324" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">商品清單</div></div></foreignObject><rect x="40" y="438" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="40" y="438" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">商品詳情</div></div></foreignObject><rect x="277" y="210" width="66" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="277" y="210" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">登入頁</div></div></foreignObject><rect x="176" y="324" width="66" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="176" y="324" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">註冊頁</div></div></foreignObject><rect x="270" y="324" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="270" y="324" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">會員中心</div></div></foreignObject><rect x="270" y="438" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="270" y="438" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">訂單紀錄</div></div></foreignObject><rect x="457.5" y="96" width="66" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="457.5" y="96" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">購物車</div></div></foreignObject><rect x="436" y="210" width="66" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="436" y="210" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">結帳頁</div></div></foreignObject><rect x="436" y="324" width="66" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="436" y="324" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">付款頁</div></div></foreignObject><rect x="436" y="438" width="66" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="436" y="438" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">完成頁</div></div></foreignObject><rect x="327" y="646" width="66" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="327" y="646" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">客服頁</div></div></foreignObject><rect x="320" y="768" width="80" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="320" y="768" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">常見問題</div></div></foreignObject></svg>