【PixiJS】bunny.anchor.set(0.5)；anchor锚点到底是什么意思

const bunny = new Sprite(texture);

app.stage.addChild(bunny);

bunny.anchor.set(0.5);

锚点（Anchor）‌：在图形和界面开发中，锚点是指一个对象的中心点或参考点，用于定位、旋转或缩放该对象。默认情况下，锚点通常位于对象的左上角（坐标为0,0），但可以通过设置来改变。

‌bunny.anchor.set(0.5);‌ 这行代码将bunny精灵的锚点设置为它的中心点。set(0.5)方法调用实际上是在设置锚点的x和y坐标都为0.5。在PixiJS等库中，锚点的坐标是相对于精灵自身的宽度和高度来计算的，范围从0到1。因此，0.5表示锚点位于精灵的正中心。

1. 如果只设置一个值（如set(0.5)），则通常意味着x和y的锚点值都是这个数值，即锚点被设置为对象的中心。
2. 也可以分别设置x和y的锚点值，比如bunny.anchor.set(0.5, 0.5);，效果相同。

应用场景：
将锚点设置为中心在很多情况下都非常有用，特别是当你想要：

‌旋转精灵‌：将锚点设置为中心，精灵会围绕自己的中心旋转，而不是围绕左上角或其他点。
‌缩放精灵‌：同样，缩放时也会以中心为参考点进行缩放。
‌精确定位‌：将精灵放置在舞台或其他对象上时，以中心为锚点可以更容易地进行精确的位置调整。