今天主要使用了HTML的canvas標(biāo)簽守呜,并運用JS做了個簡易畫板刻盐。
js要檢測是否支持觸屏诸尽,使用以下代碼
var isTouchDevice = 'ontouchstart' in document.documentElement
監(jiān)聽觸屏用
canvas.ontouchmove =(e)=>{}
監(jiān)聽鼠標(biāo)
- 鼠標(biāo)點擊
canvas.onmousedown = (e) => { painting = true last = [e.clientX, e.clientY] }
- 鼠標(biāo)滑動
canvas.onmousemove = (e) => {}
- 鼠標(biāo)松開
canvas.onmouseup= (e) => {}
制作畫板,從畫點到畫線,畫線時發(fā)現(xiàn)不順暢请祖,由多個點組成订歪,這時用
ctx.lineCap="round"
會使線條變得順暢