clip-path polygon() workspace

画布优先的 Polygon Workspace

拖点、插点、预览与导出被整理成一条更短的工作路径：中央画布负责编辑， Inspector 只做参数和输出，不再抢主舞台。

编辑状态

4 个顶点

当前还没有选中顶点

预览尺寸

300 × 300

实时预览与导出代码会同步引用这组尺寸。

当前面板

形状

Inspector 已按形状、尺寸、样式和导出四段整理信息。

点击即可选点

选中后可直接拖动，也能在 Inspector 中精确输入 X / Y。

边线可继续插点

在现有边线上点击，就能快速补新顶点扩展多边形结构。

键盘辅助微调

Delete 删除当前点，方向键移动位置，Shift 可加大步长。

点击顶点选中，点击边线或中点 + handle 在线段上插入新顶点

先选一个基础形状，再微调选中的顶点，画布和输入会同步更新。

4 个顶点未选中顶点

点击任意卡片即可与画布中的顶点高亮联动，表单修改会立即同步到画布。

先套用常见形状，再回到画布继续拖动顶点微调。