有没有办法用相对定位绘制画布图像

Question

我试图在画布上设置一个轮子，其中有多个大小相等的段，类似于命运之轮。在车轮的圆周上，即每个部分的弧形，我想要附加一个需要用车轮旋转的图像。

我能够绘制多个图像，但它们仅相对于画布的（0,0）（左上角）定位。有没有办法将它们相对于某个点而不是原点进行定位？在我的情况下，圆圈的中心（300,300）？

Answer 1

您可以通过调用画布绘图上下文的.translate(x, y)方法来翻译画布的原点;在你的例子中，x和y都是300。

有关画布转换的更多信息，请参阅https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Transformations。