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续

    1.viewport移动端打开的时候,画面会等比缩放。 这句是使页面1:1显示。2.移动端的touch监听。ont...

  • android随笔之自定义View的Canvas用法

    对Canvas进行操作: 1,Canvas平移 2,Canvas缩放 3,Canvas旋转 Canvas操作例子 ...

  • HTML5中canvas使用

    1、Canvas基础 2、Canvas画直线 3、Canvas画矩形 4、Canvas画文字 5、Canvas画圆...

  • 【微信小程序】canvas is empty

    问题:使用canvas时,报错:canvas is empty原因:因为创建canvas对象时,canvas还未加...

  • canvas

    @(HTML5)[canvas与SVG] [TOC] 十 、canvas canvas的基本用法 canvas是H...

  • canvas

    canvas canvas绘制 获取元素var canvas = document.getelementbyid(...

  • 2D学习之Bitmap

    Canvas canvas =new Canvas(); Paint paint =new Paint(); ca...

  • UICamera 世界转UI坐标

    Vector2 pos; Canvas canvas = GameObject.Find("Canvas"...

  • Android中canvas基本使用

    canvas绘制 基本方法: canvas.drawArc ()//(扇形) canvas.drawCircle(...

  • 2D学习之Paint

    Canvas canvas =new Canvas(); //-------设置画笔无锯齿 Paint paint...

网友评论

      本文标题:canvas续

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