如何将精灵放置在画布标注的特定点上？

Question

我有一个类似于以下图片的html画布标注：

我将此画布添加到THREE.Texture，并从该纹理创建了THREE.Sprite。

现在，我想将精灵放置在特定的(x0, y0, z0)上，但是我希望标注的指针末端（指针结束的点-角）是精灵的位置。

如果我说

sprite.position.x = x0
sprite.position.y = y0
sprite.position.z = z0

似乎精灵的位置使得矩形的右下角位于(x0, y0, z0)，我希望将指针末端置于(x0, y0, z0)，我尝试平移{{ 1}}通过计算偏移量来实现，但是精灵没有显示在我想要的位置。

我该如何放置精灵？请提供任何建议。

Answer 1

您可以简单地修改精灵center（精灵的定位点），例如：

sprite.center.set(0, 0);