Question

我有KonvaJS应用程序，正在使用scale选项处理问题。

您可以在这里看到问题： Issue example

我使用KonvaJS Line类进行绘制，并且工作正常。但是，当我更改舞台比例时，就会出现问题。就像光标在另一个位置一样。

我没有运气就尝试过其他解决方案。

关于如何解决此问题的任何想法？

谢谢。

Answer 1

您只需要调整鼠标位置即可进行阶段转换。您可以这样做：

  const pos = stage.getPointerPosition();

  const stageTransform = stage.getAbsoluteTransform().copy();
  const position = stageTransform.invert().point(pos);

  layer.add(new Konva.Circle({
    x: position.x,
    y: position.y,
    radius: 10,
    fill: 'red'
  }));

演示：http://jsbin.com/gaqepodivu/1/edit?js,output

使用比例绘图时的问题

1 个答案: