fabric.Polygon 是 Fabric.js 库中用于创建任意多边形图形的核心类,支持通过坐标点数组自定义顶点位置,可自由配置填充色、描边、透明度等样式属性,便捷实现不规则多边形的交互编辑与画布渲染。
很多标注/流程图工具需要一个基础能力:画一条直线或箭头,之后想调整某个端点或中间的拐点,而不去动整条线。Fabric.js 的 Polygon 天然支持多顶点,我们要做的是给每个顶点挂一个可拖拽的控制点,同时保证 拖顶点时不把整条线带跑偏 。这是整个功能最容易崩的地方。 一、需求拆解 拿一条带两个…