我一直在我的项目中使用此(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解决它,但在此版本中似乎无济于事。
答案 0 :(得分:1)
主要更改是strict
模式。您只需为所有形状或一个矩形启用它即可。
<Rect {...someProps} scaleX={1} scaleY={1} _useStrictMode />
有关更多信息,请参见:https://github.com/konvajs/react-konva#strict-mode