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


簽名首先用一個canvas標簽,上面加三個代碼,分別是點擊,移動,離開。這里點擊是開始畫筆的地方,如果不加@touchstart 筆頭會發生偏移,可以試試。

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

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

 

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

 

        

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM