canvas續(xù)

1.viewport
移動端打開的時候,畫面會等比縮放。<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">這句是使頁面1:1顯示。
2.移動端的touch監(jiān)聽。
ontouchstart ontouchmove ontouchend
3.特性檢測
document.body.ontouchstart !== undefined . 如果body里有ontouchstart,說明是觸屏設(shè)備。
4.觸屏設(shè)備的client
因為觸屏設(shè)備可多點接觸,所以touch的坐標(biāo)是個hash。要找到touches.[0]對應(yīng)的x,y才能拿到坐標(biāo)。
5.添加畫筆顏色,畫筆粗細(xì),清除保存等功能,可以用 onclick這個api,在pc端和移動端 都兼容。
6.canvas在移動端有個屏幕隨著手指晃動的bug。在下試了很多都沒解決。。救命

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • meta基礎(chǔ)知識 H5頁面窗口自動調(diào)整到設(shè)備寬度,并禁止用戶縮放頁面 忽略將頁面中的數(shù)字識別為電話號碼 忽略And...
    Mycro閱讀 619評論 0 2
  • meta基礎(chǔ)知識 H5頁面窗口自動調(diào)整到設(shè)備寬度,并禁止用戶縮放頁面 忽略將頁面中的數(shù)字識別為電話號碼 忽略And...
    Mycro閱讀 1,028評論 0 11
  • mobileHack 這里收集了許多移動端上遇到的各種坑與相對解決方案 工具類網(wǎng)站 HTML5 與 CSS3 技術(shù)...
    Zoemings閱讀 6,765評論 0 12
  • 基于html5的移動web頁面搭建技術(shù)總結(jié) 1.技術(shù)要點 1.1面向不同尺寸的手機屏幕,頁面布局適配問題。 網(wǎng)頁的...
    敲代碼的張閱讀 1,589評論 0 3
  • Mobile Web Favorites 參與貢獻 移動前端開發(fā)收藏夾,歡迎使用Issues以及 Pull Req...
    柴東啊閱讀 953評論 0 2

友情鏈接更多精彩內(nèi)容