Scaling a Container does not scale child graphics objects

I’ve noticed an issue in Pixi where upon scaling a Container, any primitive Graphics objects are not scaled, while other objects such as Sprite are scaled.

Here is the code that I use for scaling, just in case it’s useful:

scroll($event){
    this.zoom($event.deltaY, $event.offsetX, $event.offsetY);
}

zoom(deltaY, offsetX, offsetY){
    deltaY = (deltaY > 0) ? 1.1 : 0.9;
    var worldPos = {x: (offsetX - this.stage.x) / this.stage.scale.x, y: (offsetY - this.stage.y)/this.stage.scale.y};
    var newScale = {x: this.stage.scale.x * deltaY, y: this.stage.scale.y * deltaY};
    var newScreenPos = {x: (worldPos.x ) * newScale.x + this.stage.x, y: (worldPos.y) * newScale.y + this.stage.y};

    this.stage.x -= (newScreenPos.x - offsetX) ;
    this.stage.y -= (newScreenPos.y - offsetY) ;
    this.stage.scale.x = newScale.x;
    this.stage.scale.y = newScale.y;
    console.log(this.stage.children);
}

$event is simply a browser event. When this code runs, all the children Sprite objects of stage are scaled appropriately. However, primitive Graphics objects (in my case a bezier curve) are not scaled at all.

[themoonrat]

Hi @KosGrillis

I’m looking at our examples page, and I can’t replicate what you are seeing? I’m looking at https://pixijs.github.io/examples/#/basics/graphics.js and adding stage.scale.set(2); on line 6. The stage is scaling as expected, including the primitive graphics.

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.