HTML canvas(画布)translate()方法

• 

  translate()方法定义和用法

  translate()方法重新映射画布上的（0,0）位置。 注意：在translate()之后调用fillRect()等方法时，该值将添加到x和y坐标值。

• 

  translate()方法浏览器支持

  Internet Explorer	Chrome	FireFox	Safari	Opera
  9.0（含）以上	支持	支持	支持	支持

• 

  translate()方法语法

  context.translate(x,y);

• 

  translate()方法实例

  var c = document.getElementById("myCanvas");
  var ctx = c.getContext("2d");
  ctx.fillRect(10, 10, 100, 50);
  ctx.translate(70, 70);
  ctx.fillRect(10, 10, 100, 50);
  

  尝试一下
• 

  translate()方法参数值

  参数	描述
  x	要添加到水平(x)坐标的值
  y	要添加到垂直(y)坐标中的值

• 

  translate()方法相关页面

  HTML教程：HTML脚本

  HTML教程：HTML画布