canvas续

作者: 吴一晏 | 来源:发表于2019-02-19 22:17 被阅读0次

    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监听。
    ontouchstart ontouchmove ontouchend
    3.特性检测
    document.body.ontouchstart !== undefined . 如果body里有ontouchstart,说明是触屏设备。
    4.触屏设备的client
    因为触屏设备可多点接触,所以touch的坐标是个hash。要找到touches.[0]对应的x,y才能拿到坐标。
    5.添加画笔颜色,画笔粗细,清除保存等功能,可以用 onclick这个api,在pc端和移动端 都兼容。
    6.canvas在移动端有个屏幕随着手指晃动的bug。在下试了很多都没解决。。救命

    相关文章

      网友评论

          本文标题:canvas续

          本文链接:https://www.haomeiwen.com/subject/ovjqyqtx.html