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