簽名首先用一個canvas標簽,上面加三個代碼,分別是點擊,移動,離開。這里點擊是開始畫筆的地方,如果不加@touchstart 筆頭會發生偏移,可以試試。
@toucheend也是如此。尾巴也會出現偏移, 簽名最重要的地方是移動,@touchmove 。
這里比較重要的是,this.top ( 距離頂部距離)和this.i( 滾動條滾動的距離 ) 。它這個移動產生偏移量是可能有倆種原因,第一是產品需求是要放中間,距離頂部有一些距離,這時候,畫布是離頂部有一定距離的。簽名是產生偏移,解決方法:就是在開始的時候拿到距離加入移動偏移量也就是this.top
第二種是,你頁面進行滾動以后,簽名會偏移,偏移量剛剛好是滾動距離。解決方法就將滾動距離補上就行了,也就是this.i。