哇塞，你们晓得吗？画画也Neng玩出新鲜花样！今天我要教你们一个超级酷的方法， 就是用canvas.translate来移动画布，这样我们就Neng画出geng精准、geng好玩的画啦！下面就让我这玩意儿绘画细小达人，用我自己的话，给你们讲讲这玩意儿神奇的方法吧！

二、 canvas.translate的参数

先说说我们要明白canvas.translate这玩意儿方法是怎么干活的。它就像是个魔法师，Neng把画布的原点移动到随便哪个地方。画布的原点，就像是画布的中心，默认情况下它在画布的左上角，也就是x轴和y轴的交点处。

这玩意儿魔法师有个超Neng力，就是它Neng用两个数字来移动原点。第一个数字是x轴上的移动量，第二个数字是y轴上的移动量。这样我们就Neng把原点搬到随便哪个我们想要的地方。

javascript var ctx = document.getElementById.getContext; ctx.translate; // 坐标轴移动到处 ctx.fillRect; // 相对于处绘制矩形

三、 canvas.translate对图形绘制的关系到

用canvas.translate移动原点之后我们再画图形，这些个图形就会相对于新鲜的原点来绘制了。这就优良比我们把画布当成了一个Neng移动的画板，想画哪里就画哪里。

旋转效果

想象一下 我们想把画布旋转一下再画图形，那就Neng先移动原点，然后旋转，再说说再画图形。这样就Neng画出旋转后的图形啦！

缩放效果

想要画一个geng巨大的或者geng细小的图形？没问题！先移动原点，然后缩放，再说说再画图形。这样就Neng画出不同巨大细小的图形啦！

四、canvas.translate的注意事项

在用canvas.translate的时候，有几个细小细节需要注意哦：

1. 保存和恢复状态Ru果你想回到原来的状态，Neng用canvas.save来保存当前的状态，然后用canvas.restore来恢复原来的状态。

javascript var ctx = document.getElementById.getContext; ctx.save; // 保存当前状态 ctx.translate; // 将坐标轴移动到处 ctx.fillRect; // 相对于处绘制矩形 ctx.restore; // 恢复原状态 ctx.fillRect; // 绘制矩形

2. 连续平移Ru果你想要连续平移图形，Neng许多次用canvas.translate。

3. 绘制麻烦图形canvas.translate不仅Neng用来画轻巧松的图形，还Neng用来画麻烦的图形哦！

哇，这些个就是我用自己搞懂的方式给巨大家讲解的canvas.translate方法啦！希望巨大家Neng通过我的细小讲解，轻巧松学会这玩意儿有力巨大的技巧，画出geng炫酷的画！别忘了许多加练习哦！嘿嘿，拜拜啦！