我在我的项目中一直使用此(https://github.com/oasis10702/konva-simple-example)代码,并且一切正常。但是,将react和react-konva更新到最新版本会导致一些我不希望的行为。使用转换器调整矩形大小时,它将缩放边框笔触,请参见图像。 scaleX和scaleY似乎都没有重置,这使得它每次我移动矩形时都执行缩放。



我是React和Konva的新手,我想知道在新版本中是否有一些逻辑发生了改变,我应该考虑减轻这种逻辑。

尝试在下面的沙箱中调整矩形的大小。
https://codesandbox.io/embed/vyv106x295
如果我将依赖关系更新为最新,则行为会更改。

我尝试使用https://github.com/konvajs/konva/issues/401解决它,但在此版本中似乎无济于事。

最佳答案

主要更改是strict模式。您可以为所有形状或一个矩形启用它:

<Rect {...someProps} scaleX={1} scaleY={1}  _useStrictMode />


有关更多信息,请参见:https://github.com/konvajs/react-konva#strict-mode

关于javascript - 在react-konva中进行转换后,矩形无法正确重新渲染,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55949163/

10-09 22:52