多边形
多边形是由多个点连接而成的闭合形状,通过多次点击添加节点。
绘制方式
多次点击完成绘制:
- 点击画布添加第一个点
- 继续点击添加更多节点
- 移动鼠标实时预览下一段边
- 按
Enter键确认完成绘制(自动闭合),或按Esc键取消绘制 - 按
Backspace键可删除最后一个点
绘制过程中可按住空格键拖拽平移画布。
编辑方式
选中多边形后进入编辑模式:
- 拖动顶点可调整多边形形状
- 在相邻顶点之间会显示带有加号的中位点控制点,点击中位点可在该位置插入新的顶点
- 双击顶点可删除该顶点(多边形至少保留 3 个顶点)
- 可通过
ShapeOptions.enableEditAddMidPoint控制是否显示中位点 - 可通过
ShapeOptions.enableEditDropPoint控制是否启用双击删除顶点功能
Data
ts
export interface PolygonData extends ShapeData {
shapeName: 'polygon'
points: number[]
}