canvas.translate(x,y)

1canvas.translate(x,y) 这是位移差不是绝对坐标，也就是说如果之前是（10,10），那么translate(20,20)后不是移动到了（20,20）处，而是移动到了（30，30）处，位移累加效果。

2canvas.save();//锁画布(为了保存之前的画布状态)

3canvas.translate(10, 10);//把当前画布的原点移到(10,10),后面的操作都以(10,10)作为参照点，默认原点为(0,0)

4canvas.restore();//把当前画布返回（调整）到上一个save()状态之前

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • canvas笔记
    一：canvas简介 1.1什么是canvas？ ①：canvas是HTML5提供的一种新标签 ②：HTML5 ...
    GreenHand1阅读 4,741评论 2赞 32
  • 安卓自定义View进阶-Canvas之画布操作
    上一篇Canvas之绘制基本图形中我们了解了如何使用Canvas绘制基本图形，本次了解一些基本的画布操作。 本来想...
    GcsSloop阅读 2,263评论 1赞 21
  • canvas如何制作基础图形？
    啥是canvas？ HTML5 标签用于绘制图像（通过脚本，通常是 JavaScript）。不过， 元素本身...
    kiaizi阅读 801评论 0赞 4
  • 自定义View（Canvas）
    上一篇我们讲了一些基本的图形绘制http://www.jianshu.com/p/b335377d2dd9提到了图...
    fcott阅读 1,526评论 0赞 0
  • canvas
    一、canvas简介 1.1 什么是canvas？（了解） 是HTML5提供的一种新标签 Canvas是一个矩形区...
    J_L_L阅读 1,562评论 0赞 4