增加右键擦除圆点功能
广告
{{v.name}}
📋 原始需求(task.md):
现在点击右键不会擦除圆点 如果有参考图片,并且在参考图片的位置点击右键,那么仍然不会擦除圆点
现在点击右键不会擦除圆点 如果有参考图片,并且在参考图片的位置点击右键,那么仍然不会擦除圆点
问题分析
1. 网格层只监听了 mousedown.left,右键按下事件根本不会触发擦除逻辑。
2. 参考图片层位于网格层之上并拦截了鼠标事件,导致图片区域的右键操作无法穿透到网格层。
解决方案
增加 mousedown.right 监听,右键按下即按当前格子坐标删除圆点(按住右键拖动可连续擦除),并用 contextmenu.prevent 屏蔽右键菜单;拼豆模式下参考图片层设置 pointer-events: none 不再拦截鼠标,调整模式下恢复 auto 以支持拖拽缩放。