在react-konva中进行转换后,矩形无法正确重新渲染

时间:2019-05-02 09:13:16

标签: javascript reactjs konvajs react-konva konvajs-reactjs

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

Rectangle

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

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

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

1 个答案:

答案 0 :(得分:1)

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

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

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