CSS 裁剪路径生成器

生成的是 `polygon()`：顶点用**百分比坐标**（0–100，相对元素自身的宽高），所以同一份 `clip-path` 换成任何尺寸的元素都成立，不必按像素重算。

拖顶点即改形状（坐标夹在 0–100），顶点顺序就是连线顺序——顺序错了会得到自交的多边形，这也说明为什么拖动只改坐标、不改顺序。

六个预设（三角/菱形/五边形/六边形/星形/箭头）与拖动共用同一份状态：动过之后预设不再高亮，「重置」回到当前预设；坐标保留一位小数并去掉多余的 `.0`，复制出来的 CSS 更像手写。