问题标签 [react-konva]

我正在尝试通过一个名为 react-konva 的包来学习如何在反应中使用画布。npm 安装很简单，我添加了一些有效的演示代码......

Konva我的代码在获取颜色的上下文中提到......

但我的浏览器会适当地发出警告：“未定义警告‘Konva’ ”。我试过这个...

但这使事情变得更糟，在我尝试使用的任何地方都会产生未定义Konva.的错误。我尝试直接添加对 konva 的引用...

但后来我得到这个错误：

当前环境中已经存在 Konva 实例。请仅使用一个实例。

（原始错误消息中的语法错误和拼写错误）

将不胜感激指针，或任何可能导致此问题的想法。

我最近在尝试Stage使用 React-Konva 渲染时遇到以下错误：Cannot read property 'getPooled' of null at Object.componentDidMount。到目前为止，我无法使用 Konva 渲染任何东西。我正在使用带有 typescript 和 webpack 的 react-konva。以下是我的简化代码：

.jsx：

我已经在react-konva 源代码中将问题追踪到了这一行， 我（我相信）追踪到了以下代码（它是 的一部分）。 var transaction = ReactUpdates.ReactReconcileTransaction.getPooled();ReactUpdatesreact-dom

显然，引用的属性设置为null......我只是不明白为什么react-konva要引用这个属性，或者我只是误读了正在发生的事情。有任何想法吗？（另外，我正在使用v. 1.1.4 of react-konvaand v. 15.5.4 of react-dom）

我正在使用 React Konva 将图像（多个）上传到舞台，我想实现裁剪上传功能。谁能给我一个指南/步骤？

使用https://github.com/lavrton/react-konva

如何翻转图像（水平或垂直）我正在使用此功能，但它不起作用：

我正在尝试使用 react konva 在 omage 上绘制矩形 我想在图像被放大/缩小时根据鼠标指针位置和鼠标滚轮事件绘制一个矩形，但问题是矩形是根据位置绘制的图片不是舞台请帮我解决这个问题

请参考我用来放大和缩小图像的代码

我正在使用 Konva 构建某种图像编辑器。我有一个菜单，可以在其中选择图像并将其添加到舞台上。它工作正常，直到我添加了添加多个图像的可能性。

发布代码对于任何人来说都是非常耗时的阅读，但如果有人遇到同样的问题，......

当一个元素被选中时，一个函数将一个变量 'active' 设置为 true。在再次选择相同的元素时，“活动”将设置为 false。这完美地工作，当我通过单击它周围的任何地方将元素的“活动”变量设置为 false 时，就会出现问题。

它过去只是简单地被取消选择并留在原位，但现在当我从外部取消选择它时，整个元素变得不可见。我在每个元素上也有一个“可见”属性，但它设置为 true，并且在此过程中不会改变。

1.元素onClick功能：

2.外部取消选择功能：

现在，即使它们中的任何一个都在更改元素的任何其他属性，并且没有调用其他函数，但我不明白为什么元素在取消选择时变得不可见。

任何想法或意见都受到好评，谢谢。

为了清楚起见，'2。外部取消选择函数”调用另一个组件中的几个函数，这些函数与“1. 元素 onClick 功能'。将 active 属性设置为 false，然后从元素的 edition reducer 文件中删除该元素。

我在我的反应组件中直接使用 Konva API，它运行良好。

我只有一个大问题。

问题是当包含 ref 容器的组件被卸载时，react 应用程序崩溃，说 staging 没有容器了。

我试图在组件卸载时在舞台上调用destroy，它进入该方法但它仍然崩溃。

所以基本上，据我了解，从反应组件中调用舞台上的销毁不会从 DOM 中破坏舞台。

任何人都可以帮助解决这个问题吗？

编辑：添加代码片段

因此，每当卸载此组件时，我都会收到错误消息：“Uncaught Stage 没有容器。需要一个容器。”

另外，我试过在舞台上调用destroy，但我仍然得到同样的错误。此外，即使我在 renderKonva 中创建和销毁舞台，本质上我也不会显示任何内容，因为一旦创建舞台，它就会引发相同的错误。

我正在使用 React Konva 1.1.6 并学习如何使用它。在下面的代码中，每次我的鼠标经过 konva 箭头时，我都会尝试在鼠标指针附近显示一个标签。然而，我的标签就消失了。我的代码中是否缺少某些内容？我尝试使用e.nativeEvent，但出现错误。

我无法使用 react-konva 在两个 Rectangle 节点之间重新创建混合模式。到目前为止，我已经尝试更改节点的呈现顺序，添加额外的组并将复合操作应用于这些组并将复合操作设置为 onMount。

这是一个使用 Konva 和 vanilla js 的工作示例：

https://codepen.io/jagomez8/pen/xQwdvq

这是我正在努力实现相同效果的反应版本：

https://codepen.io/jagomez8/pen/qQOjWj

任何见解将不胜感激。谢谢！

是否可以在 Konva 中为沿线/路径的形状（标记、圆圈）设置动画。我试图随着时间的推移手动计算位置，但这只有在直线从 A 到 B 的情况下才可行，但我对贝塞尔曲线和多个路径点感兴趣。

所以我想知道 Konva 是否支持这种事情，或者有人可以指导如何解决这个问题。