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

标签 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 解决它但在这个版本中似乎没有帮助。

最佳答案

主要的变化是严格模式。您可以为所有形状或仅一个矩形重新启用它:

<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/

相关文章:

javascript - 使用 ws 的 Django channel ://but fails to handshake with wss://

javascript - 如何根据三个条件设置className?

javascript - ReactJS变量变化不是渲染元素

javascript - 我如何在 Node 上使用 Konva JS 将补间渲染到一系列 png 文件?

javascript - jQuery 没有正确检测窗口大小

Javascript 键盘代码捕获非拉丁字符? (还需要在 selectize.js 中工作)

javascript - 使用状态切换 CSS 类

javascript - react webpack setup - 无法将类作为函数调用

javascript - Konva 组 X&Y 不同于形状 X&Y

javascript - Konva.js 中的中心旋转箭头