Zoom the entire camera or stage from the very center of the canvas

[shabeerahmedshah]

Is it possible in pixi.js to scale the stage from the very center of the stage as there is no anchor available in it. What I basically need is to focus on an object whose size will always be less the canvas size but it should be zoom-able with the mouse scroll.

[ivan.popelyshev]

There's no anchor for containers, because their width/height are not trivial. There's pivot, in pixels.

That's how I do it:
 

//go into center
stage.position.x = renderer.width/2;
stage.position.y = renderer.height/2;
//scale
stage.scale.x = 2.0;
stage.scale.y = 2.0;
//go back. You can use center of stage instead of these coords:
stage.pivot.x = stageCenterX
stage.pivot.y = stageCenterY;

 

[ivan.popelyshev]

Code is updated, please look again.

[shabeerahmedshah]

Yeah, It worked after setting the positions