缩放到 PIXI.js中的特定点

Question

我正在尝试缩放到PIXI.js精灵对象上的特定点。 我可以通过更改锚点以对应于该点来实现类似的效果，但是，这搞砸了我不可能发生的坐标系。 有没有人对如何通过重新定位精灵对象来做到这一点有任何想法？

这个例子是我想要实现的，但在代码中，他们使用了一些新版本 pixi 中不存在的函数。

http://anvaka.github.io/ngraph/examples/pixi.js/03%20-%20Zoom%20And%20Pan/

谢谢！

Answer 1

我建议你把你的精灵放在PIXI.container中，并缩放容器：

var container = new PIXI.Container();
myStage.addChild(container); 
container.addChild(mySprite); 
container.position.set(x,y); // Position of the container in the main container (stage) (where you previously had the sprite)
mySprite.position.set(x,y); // Your "pivot point"
container.scale.set(1.2); 

不能在容器上设置定位点，缩放容器时，它将缩放中心。因此，将角色放置在容器中，使缩放中心与容器中心对齐。然后，您可以移动容器（而不是精灵）以获得适合您的坐标系。

（根据PIXI版本，您应该使用PIXI。集装箱或小精灵。DisplayObjectContainer.）