html canvas translate()方法
html canvas translate()方法用于重新映射画布上下文的原点位置，它可以改变画布上下文坐标系的原点位置，从而改变所有绘制的图形的位置。
使用方法
translate()方法接受两个参数，第一个参数是横轴的偏移量，第二个参数是纵轴的偏移量，它们都是以像素为单位，如果只传入一个参数，则将偏移量应用于横轴和纵轴。
context.translate(x, y); context.translate(x);
示例：
// 将原点移动到(100,100) context.translate(100, 100); // 绘制一个矩形 context.fillRect(0, 0, 100, 100); // 结果：矩形在(100,100)处绘制
translate()方法可以和save()和restore()方法配合使用，以保存和恢复当前的状态，如下所示：
// 将原点移动到(100,100) context.translate(100, 100); // 绘制一个矩形 context.fillRect(0, 0, 100, 100); // 保存当前状态 context.save(); // 将原点移动到(200,200) context.translate(100, 100); // 绘制一个矩形 context.fillRect(0, 0, 100, 100); // 恢复之前的状态 context.restore(); // 绘制一个矩形 context.fillRect(0, 0, 100, 100); // 结果：前两个矩形在(100,100)和(200,200)处绘制，一个矩形在(100,100)处绘制
：html canvas translate()方法用于重新映射画布上下文的原点位置，它可以改变画布上下文坐标系的原点位置，从而改变所有绘制的图形的位置，它接受两个参数，第一个参数是横轴的偏移量，第二个参数是纵轴的偏移量，translate()方法可以和save()和restore()方法配合使用，以保存和恢复当前的状态。