我一直在我的一个项目中使用这个( 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 解决它但在这个版本中似乎没有帮助。
最佳答案
主要的变化是严格
模式。您可以为所有形状或仅一个矩形重新启用它:
<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/