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 position will be canvas centered and its size will always be less the canvas size but it should be zoom-able with the mouse scroll.

[Exca]

You can use pivot.

container.pivot.x = Math.round(canvassize.width/2);
container.pivot.y = Math.round(canvassize.height/2);

[shabeerahmedshah]

Using this hides the half of the stage's area to the left.

[shabeerahmedshah]

Seems, it would work if we change its position.

[fire7side]

Your container wasn't the size of the canvas.  You need the formula he gave, but using the container width and height, not the canvas.  I think.  I haven't used the pivot.  It just looks that way.

I think Ivan answered on the redundant thread and you better use that.  I haven't used it.

[Exca]

Oh yeah, sorry I misunderstood. This will fix that:

container.pivot.x = container.width/2;
container.pivot.y = container.height/2;
container.x = canvassize.width/2;
container.y = canvassize.height/2;

Adding rounding to those values will prevent some blurrines if the sizes are not dividable by 2. If your container is scaled then you need to get the real dimensions of the container (either set the scales to 1,1 or use getLocalBounds).