在HTML中,canvas translate() 方法用于移动画布上的原点至指定的位置。该方法接受两个参数,分别是要移动的水平距离和垂直距离。通过使用translate()方法,可以在不改变画布坐标系的情况下移动绘制的元素,使得绘制出的图形可以在不同位置上显示。例如,可以使用translate()方法将画布原点移动到画布的中心位置,然后在该位置绘制图形。示例代码如下:
Canvas Translate Example
在上面的示例中,使用translate()方法将画布的原点移动到画布的中心位置,然后在该位置绘制了一个红色矩形。通过使用translate()方法,可以方便地在不同位置进行绘制,而不必重新计算绘制的元素的坐标。