软件项目技术点(6)——结合鼠标操作绘制动态canvas画布

 AxeSlide软件项目梳理   canvas绘图系列知识点整理

我们创建一个类封装了所有鼠标需要处理的事件。

MouseEventClass就是绑定事件的过程，我们这里只列出部分代码，未列出的事件绑定的部分同理。

如何使用上面我们创建的两个类呢

我们在使用的时候先将MouseEventInfo这个类初始化，然后再用MouseEventClass绑定事件。

我们绑定事件的元素是document，操作软件的所有事件都会走我们绑定的以下函数：

当然最重要的操做画布的响应也依赖于我们的事件处理逻辑：

this.mouseDown：鼠标按下的事件处理逻辑，例如存储当前的鼠标值

this.dragMove：鼠标拖拽移动，例如移动某个元素或者移动画布

this.dragUp：鼠标松开（拖拽后松开鼠标），例如停止移动

this.mouseMove：鼠标移动（不是按住状态），例如让元素显示hover状态

this.mouseUp：鼠标松开（mousedown后马上松开），例如触发某个元素的编辑状态

this.mouseWheel：鼠标滚动，例如缩放画布

this.onContextMenu：鼠标点击右键，例如显示右键菜单

转载于:https://www.cnblogs.com/fangsmile/p/6273667.html

相关资源：免费的linux操作软件SecureCRT.zip-其它工具类资源-CSDN文库

来源：weixin_34318272