回到主工作台

一般 HTML 嵌入示例

以下兩個元件使用不同 storage-key,各自保存作品。此頁只載入單一 ESM,沒有 Astro runtime。

<script type="module" src="/embed/pooling-workbench.js"></script>
<pooling-workbench storage-key="my-workspace" accept-share></pooling-workbench>

element.value 讀寫設定;pattern-changeevent.detail 提供使用者修改後的設定。設定格式:{ segments: [{ color: '#bf5fff', stitches: 4 }], stitchesPerRow: 51, rows: 51, mode: 'flat' },mode 另可使用 'round'

可覆寫 CSS 變數 --pooling-accent--pooling-text--pooling-surface。可用 share-url 指定接收分享設定的頁面;接收端加上 accept-share,同一頁僅指定一個接收元件。

工作區 A

工作區 B