javascript - 在 konva.js 中缩放阶段时不影响元素位置

Question

我正在使用惊人的 konva.js 在线创建页面创建软件，所以问题是当我缩放舞台时，整个元素都在改变位置。在缩放整个舞台之前

缩放舞台后，行文本不在中心。

后面的背景只是具有相同宽度高度的舞台并具有背景图像的矩形。
这是我的缩放代码。

function scaleboth(_x,_y){
stageBackgroundRect.scale({x:_x,y:_y});
stage.scale({x:_x,y:_y});

layer.batchDraw();
}

如果你想在这里看演示， https://mypagemaker.s3.amazonaws.com/index.html 谢谢，我保证我会给正确的答案。

因为我必须抵消它，我已经这样做了，但没有改变

function minusStage(){
    stage.offsetX(stage.width() / 2);
    stage.offsetY(stage.height() / 2);

    scaleboth(stage.scaleX() - 0.01,stage.scaleY() - 0.01);
}

Answer 1

您的背景矩形在舞台内。因此缩放舞台将影响其所有子级的绝对缩放，包括背景矩形。

您只需要在其中一位父母身上应用一次规模（它可以是舞台）。