如何移动X和Y位置，使0,0位于Element的中间

Question

ctx.moveTo(0,0);

有没有办法让它转到左上角的中间位置？

Answer 1

我相信你可以使用翻译方法。

ctx.translate(canvas.width/2, canvas.height/2)

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/translate

Answer 2

您可以使用ctx.translate翻译坐标系。在这种情况下，您希望将其向右移动一半宽度，向下移动一半高度。

ctx.translate(canvas.width / 2, canvas.height / 2);
ctx.moveTo(0, 0);

如果您只希望此翻译是暂时的，请查看ctx.save()和ctx.restore()方法。