我在我的项目中一直使用此(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/