shimingwang的博客

这篇我们从函数调用顺序的角度梳理一下。

上一篇是关注的主要是如何控制鼠标的点击、松开来实现钢笔工具。这篇是描述完整代码的整体逻辑，并补充了一些函数实现，但因为整个代码过多，两篇加起来也并没有完全展现所有函数的实现代码。该组件是图像编辑器的核心画布区域支持钢笔工具（pen）：创建直线段/贝塞尔曲线段、插入控制点、闭合路径；支持橡皮擦/画笔：涂抹操作；支持图像缩放/拖拽：wheel缩放 + 拖拽；支持批量编辑模式（batch）和单图编辑模式；提供撤销/重做功能；支持图像扩展（extend）和图像替换/增强等AI后处理功能；

/ 编辑模式 分为"idle"、"creating"、"halfDone"、"finalized"// 临时曲线// 鼠标信息//预览线是否开启//上一个点坐标//长按相关showHandles.value = { // 控制柄显示状态恢复})idle就是普通添加直线点的模式creating就是长按移动大控制柄的模式（后面有解释）halfDone是长按移动大控制柄后松开，进入的动态曲线绘制模式finalized是完成了动态曲线的绘制2、// 清空撤销栈和重做栈。