今天主要使用了HTML的canvas标签,并运用JS做了个简易画板。
js要检测是否支持触屏,使用以下代码
var isTouchDevice = 'ontouchstart' in document.documentElement
监听触屏用
canvas.ontouchmove =(e)=>{}
监听鼠标
- 鼠标点击
canvas.onmousedown = (e) => { painting = true last = [e.clientX, e.clientY] }
- 鼠标滑动
canvas.onmousemove = (e) => {}
- 鼠标松开
canvas.onmouseup= (e) => {}
制作画板,从画点到画线,画线时发现不顺畅,由多个点组成,这时用
ctx.lineCap="round"
会使线条变得顺畅
网友评论