知识点
鼠标的事件
-
onmousedown()鼠标按下 -
onmousemove()鼠标移动 -
onmouseup()鼠标弹起
触屏设备事件
-
ontouchstart触碰 -
ontouchmove触摸并移动 -
ontouchend不触碰
制作思路
- 画一个
canvas出来 - 定义监听函数,在函数内定义鼠标以及触屏事件,实现可以划线
- 在阿里矢量图库寻找适合图标,放入画布
- 为对应图标添加onclick事件,点击后加入对应class名字
onmousedown()鼠标按下onmousemove()鼠标移动onmouseup()鼠标弹起ontouchstart触碰ontouchmove触摸并移动ontouchend不触碰canvas出来