问题标签 [konvajs-reactjs]

我用 react Konva Arc 对象绘制了这个半圆周：

这是我的代码：

是否可以不画圆周的直径？

也许我应该使用不同的组件？我查看了 Arc 对象的文档，但找不到解决方案。

谢谢谁能帮帮我

我有Konva.Group几个节点，我设置了剪辑属性以限制看到的内容。我正在申请Konva.Transformer该组，我面临的问题是 Transformer 包含了整个组，甚至是未剪辑的部分。即使它功能齐全并且可以完成工作，这看起来也不是很好。有什么方法可以设置变压器的初始宽度和高度，使其仅包含被剪裁的部分？

这是应用剪辑和变换之前的组

这是应用剪辑和变换后的样子

我正在 Konva 中开发地图（绿色矩形）和在其上绘制的路径（黑线）：

地图具有固定尺寸，而路径是从 API 调用中获取的。

我希望能够使用鼠标滚动或单击我创建的按钮 + o 来缩放地图。

我按照这个示例如何对滚动进行 react-konva 缩放以实现缩放，但是当我滚动时，按钮也会改变它们的位置，见下图。

我想将按钮固定在地图的底部。

这是我的一段代码，我定义了一些自定义组件为Map、Ground、WholePath、GroundButtons和Button：

这是我实施的解决方案： 感谢 Ondolin 的回答。

我正在尝试访问拖动事件的“clickStartShape”属性，如下所示：

但没有运气......即使它存在。

它无法编译：“节点”类型上不存在属性“clickStartShape”。TS2339 我在这里做错了什么？谢谢！

我有一个 KonvaJS 阶段的参考。在 ComponentDidMount 中，this.stageRef.current 的值为 null。任何想法为什么？

我的代码如下所示：

我正在尝试对暂停的视频进行绘图。为此，我想使用 Konvajs。

我想我可以尝试将视频作为层嵌入到 Konvajs 中，但我也可以将 Konvajs 元素覆盖在视频顶部并为其添加透明度。

在我现有的应用程序的上下文中，第二种方法对我来说看起来更简单。我应该期待两者之间的性能差异吗？

谢谢！

我需要获取线的 x & y 坐标以显示相对于其位置的其他图像。拖动时，x 和 y 值会发生变化，我会计算图像的新位置，但我不想用拖动位置更新行的 x 和 y，而是希望它显示在页面的某个角落我已经硬编码了 x & y 值。但是这种用硬编码值覆盖 x & y 不起作用。有人可以帮我弄这个吗。

所以我正在尝试构建一个应用程序，用户可以在其中拥有一个可用的图像库，他们可以将它们拖放到舞台上以创建一种图像图表。所以为此，我想让他们能够放大和缩小舞台以及通过使舞台可拖动来移动它。

问题在于，当我通过拖动舞台或放大/缩小来移动舞台然后尝试将图像放在舞台上时，它会捕捉到舞台的原始比例而不是新位置，我不知道如何改变这个无论缩放比例或拖动舞台的任何位置，都可以使图像下降到当前位置。

这里的代码框： https ://codesandbox.io/s/react-konva-drag-and-drop-image-with-draggable-stage-and-scroll-zoom-6977j ?file=/src/Draganddrop.js

我已经删除了很多代码，以简化示例的一个图像，但没有改变它在本节中的基本工作方式。

非常感谢任何和所有帮助。

在我绘制带有点坐标的箭头后，是否有一种简单的方法来获取 Konva 箭头对象的旋转属性？

我可以使用三角函数，但我想知道 Konva 中是否有自定义方法来获取旋转信息？

我是 React konva 的完整初学者。我想做的很简单。我有两个重叠的图层，在按钮单击上我想销毁一个图层。我怎样才能提前实现这个Thnx