js 外部按钮点击事件与canvas画布里的线条鼠标事件冲突

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 外部按钮点击事件与canvas画布里的线条鼠标事件冲突相关的知识,希望对你有一定的参考价值。

按钮默认是线条不可操作的,点击了之后线条可以操作构造了一个线条的鼠标控制事件,外部有一个按钮来控制他能执行和不能执行,但按钮的click事件和canvas里的onmousedown+onmouseup事件产生冲突,控制不了鼠标事件

参考技术A canvas是画布是一张图片怎么会有线条元素让你去点击呢
右键点击你还能看到图片另存为
canvas上所有的事件都是通过点击区域、坐标转换来绑定完成的
你的问题应该是想让线条做一些改变,这种,直接在代码中写控制,让线条改变,并刷新画布
参考技术B jmGraph 支持小程序的canvas库
https://github.com/jiamao/jmgraph
可以试下这个库,每个方块都可以做成一个对象,像操作dom一样。

以上是关于js 外部按钮点击事件与canvas画布里的线条鼠标事件冲突的主要内容,如果未能解决你的问题,请参考以下文章

实现多彩线条摆出心形

实现多彩线条摆出心形

一个Canvas如何设置点击事件?

使用 raphael.js 直接进行画布平移

canvas绘制线条怎么改变线条长度

Android自己定义View画布Canvas与画笔Paint