translate

translate(x, y);

用来移动 canvas原点到指定的位置(坐标变换)

translate方法接受两个参数:

  • x 是左右偏移量
  • y 是上下偏移量

在做变形之前先保存状态是一个良好的习惯。大多数情况下,调用 restore 方法比手动恢复原先的状态