原創(chuàng)聲明:本文為作者原創(chuàng)，未經(jīng)允許不得轉(zhuǎn)載，經(jīng)授權(quán)轉(zhuǎn)載需注明作者和出處
在之前的小程序canvas開發(fā)的回復中，有人問能不能實現(xiàn)滑動，我想應該就是canvas事件的處理，因為手冊上沒有這一塊的案例，我看了一下網(wǎng)上也沒有講這一塊的，所以我也沒試過，所以就開了這一個話題，帶大家看看canvas的事件處理
首先前面布局<canvas style="width: 300px; height: 200px;" canvas-id="firstCanvas" bindtouchstart='alert'></canvas>
這里我是直接用的上次的代碼，多綁定了一個觸摸開始的事件，這里可以參考文檔來根據(jù)需求綁定不同事件，然后我們在js文件中來拿到這個事件所對應的函數(shù)
alert:function(ev){
var ev=ev||event;
console.log(ev);
}
通過輸出獲取的當前事件里的所有內(nèi)容我們可以看到
一個個點開看，我們會在touches里發(fā)現(xiàn)
然后我們會從0:Object里發(fā)現(xiàn)我們所要的
我們所需要的就是獲取道德X與Y值，這樣的話我們就可以
alert:function(ev){
var ev=ev||event;
console.log(ev.touches[0].x);
}
這里我們通過點擊屏幕，就獲取到了當前不同的X值，Y值的原理相同
如果我們想在canvas上做畫線處理，思路就是設置一個定時器，不停將獲取到的X,Y值傳到page的data里，然后再把參數(shù)傳入lineTo()來繪制我們想要的圖形，別忘了在繪制路徑時需要開啟路徑O beginPath() closePath()最后關閉
完結(jié)撒花，如果還有什么問題，可以在下方回復，或者在群里私聊我，我現(xiàn)在不怎么寫小程序，因為我現(xiàn)在還在學小程序的UI。。。。。哈哈哈哈，作為學生黨，平時課很多，在俱樂部的時間不會很多，所以還是建議從群私聊我問問題~
