javascript - KonvaJS：从中心缩放图像

Question

在扩展Konva.Image. 我想从它的中心点缩放图像。虽然我可以从中心缩放它，但我不确定这是否是正确的做法。目前它是从它的top-left角落缩放的。要从中心点缩放图像，我offset使用image.setOffset(). 但我不知道为什么它会移动图像。我正在这样做：

  //setting the offset to center
  //but don't know why it's moving the image.
  yoda.setOffset({
    x: yoda.width() / 2,
    y: yoda.height() / 2
  });
  // setting it's position back to original
  // position but don't know why I need to
  // adding the offset values
  yoda.position({
    x: 50 + yoda.width() / 2,
    y: 50 + yoda.height() / 2
  });

要缩放图像，我正在这样做：

 yoda.scale({
          x: 0.5,
          y: 0.5
        });
        layer.draw();

有没有其他方法可以达到同样的效果？这是玩的plunkr。

Answer 1

这是Konva节点的预期行为。你必须一起使用offset和{x,y}属性。

您可以避免使用offset，但在这种情况下，您必须{x,y}在缩放时进行更改。