vue H5頁面手機端 利用canvas 簽名

簽名首先用一個canvas標籤，上面加三個代碼，分別是點擊，移動，離開。這裏點擊是開始畫筆的地方，若是不加@touchstart 筆頭會發生偏移，能夠試試。

@toucheend也是如此。尾巴也會出現偏移，  簽名最重要的地方是移動，@touchmove 。

這裏比較重要的是，this.top  ( 距離頂部距離)和this.i（ 滾動條滾動的距離 ）  。它這個移動產生偏移量是可能有倆種緣由，第一是產品需求是要放中間，距離頂部有一些距離，這時候，畫布是離頂部有必定距離的。簽名是產生偏移，解決方法：就是在開始的時候拿到距離加入移動偏移量也就是this.top 

 

 第二種是，你頁面進行滾動之後，簽名會偏移，偏移量剛恰好是滾動距離。解決方法就將滾動距離補上就好了，也就是this.i。