问题标签 [react-konva]

我使用了一个 react-konva Group，里面有 3 个 Rect 形状——它们都显示在同一个地方，唯一的区别是它们的宽度，所以我可以获得某种多色进程栏。

这是我当前的代码：

对于拖动事件，我会发现将单个属性设置为组对象然后在构造子形状时使用它更简单。但我找不到这样做的语法。

我想做的是：

有办法吗？

我在我的项目中使用 Konva JS，但我遇到了 Transformer 的问题。我在画布上创建了用于图像上传的边界框，我可以使用它进行操作（调整大小/移动/旋转），但是当 Transformer 控制器超出边界框时，它们会被覆盖。

是否有可能让它们一直可见？即使图像超出边界框？

演示

代码：

我有一个这样的对象数组：{ id, width, height, margin }. 当我渲染该数组并将该信息应用到像这样反应 konva Rect 组件时：

所以我的问题是seat.margin仅适用于 1 个矩形。通常我想为第一个矩形应用一个值，为其余矩形应用另一个值。seat.margin如果数组中的对象索引为 1，则等于 1；如果对象索引不等于 1，则等于 2。它的外观如下： 结果图像

我用 2 个相互重叠的图像渲染了 konva 舞台。现在，我正在尝试从舞台和画布中导出重叠的图像。我试图获取const dataURL = this.stageNode.getStage().toDataURL(); 并添加 stageNode 之类的

但我仍然无法从舞台访问 base64 字符串。 带有 react kova 图像样本的轨迹

PS：这在某种程度上与https://github.com/konvajs/react-konva/issues/305有关

就像显示的形状示例一样，它具有 x、y、旋转等。https://konvajs.github.io/docs/select_and_transform/Transform_Events.html

react-konva 中的图像也扩展了形状。

如何在 react-konva 中获取图像（带变压器）的这些值。

我正在尝试转换圆圈，但它会引发错误。我不明白我已经处理过转换的问题是什么，Konva.Rect并且没有这样的错误。将变压器附加到Konva.Circle正常工作，但是当鼠标悬停在变压器锚点之一上时会引发错误。这是我将变压器连接到的方式Konva.Circle：

我Konva.Circle试图将变压器附加到的组件：

this.mouseUp调用时发生变压器连接

如果源是 PDF，我无法在画布中加载 Konva Image 对象。

没有抛出错误，但画布在图像应该是空白的地方。是否有任何已知的解决方法？欢迎任何建议。

我已经了解了Konva Labels的工作原理。但是在此示例中调整标签的大小也会调整文本的大小。我希望文本在分别减小和增加容器宽度时换行或保持相同大小。

这是可以实现的吗？

嗨，当我使用 React 为 Web 应用程序编写一些代码时，我决定使用库 Konva 来制作形状。

谢谢你！

嘿，所以我有一点用 React konva 编写的拖放游戏。我的可拖动部分看起来像这样（为方便起见进行了简化

我希望当前被拖动的部分是最高层（最高 zIndex）上的部分。

问题是 React-Konva 不支持 zIndexing，并且似乎希望您根据渲染方法中的顺序强制执行 zIndexing。

我的解决方案是用 currentDragIndex 更新 reactState

然后我尝试在渲染方法中重新排序。但是，这会导致拖动事件被中断。

有人对此有很好的解决方案吗？