问题标签 [konva]

我想使用 RegularPolygon 绘制一个“平面”六边形，但想调整高度和宽度。“扁平”部分很容易旋转 30 度，但我似乎无法弄清楚如何让它更高更瘦。有什么建议么？

提前致谢。

担

目前使用线路：

嘿伙计们，所以我构建了这个 vuejs 画布应用程序，它运行得非常好，但是我想向它添加更多功能。例如，我想缩放视频顶部的文本，并在文本周围放置某种框。可以在画布中直接编辑。我见过人们用包括 Konva 在内的多个库来做到这一点，但是我看到有一个 Knova-vue 并且文档很糟糕有没有人用这个库制作了一个简单的应用程序，你可以在其中写视频？

https://jsfiddle.net/bshyvpo0/

您如何序列化和反序列化自定义 Konva 形状？

Konva 允许您使用 sceneFunc 创建自定义形状，但是当您将其存储为 JSON 并加载回来时，您如何知道它是什么自定义形状？

在我的代码中，每次用户移动鼠标来跟踪它时，我都会重新绘制一个矩形，但正如这里所说，.draw 方法不会删除该形状的旧绘图。

所以我的问题是，我如何删除旧图？有某种 .remove() 方法吗？

提前致谢，

iLinked

我正在尝试使用方法查找对象find。它只是代码的一部分，只是为了演示问题。一般来说，我需要Shapes从Konva框架的数组中找到对象。我在渲染功能组件后使用 refs 得到它。

我在库中得到错误。是 konva 框架库吗？如何通过另一种方式从数组中找到元素？

TypeError：无法读取未定义集合的属性“应用”。[如发现]

这是我在 StackOwerflow 上的第一个问题，很抱歉这个问题的格式不完全。我在这里做了一个例子

UPD：通过使用findIndex并通过 circles[index] 获得值解决了问题。但是剩下 1 个问题：它是库（框架）的错误吗？

我正在开发一个基于 Konvajs 的设计器工具项目，您可以在其中使用 MouseClick+CntrlKey 选择多个形状。

这个想法是，一旦选择了第一个形状，就会创建一个附加到它的 Transformer。如果您按住 CntrlKey 并单击其他形状，则 Transformer 将被更新（使用 forceUpdate()）以包含这些形状。

感谢本教程，我设法将 Transformer 附加到一个新创建的临时组，其中所有形状在被选中时都会被一一添加。一旦您清除选择，形状就会从该组中删除。

将形状添加到临时组的问题是，在形状仍在该组中时，您无法保持形状的原始 z-index，因此它们都被移到顶部。这就是为什么我试图找到一种方法将 Transformer 直接附加到多个形状而不将它们添加到组中。

任何帮助将不胜感激！提前致谢！

我正在使用 react-konva 为应用程序创建 UI。我想要它，以便在将鼠标悬停在 Rect 上时光标变为指针。有关于如何使用 konva 而不是 react-konva 的文档。任何人都可以帮忙吗？

我尝试了几天来找到一种方法来为我的 Angular 应用程序放大 Konva。在我的 html 页面中，我的应用中有多个ko-image标签，它们具有不同的[config]。我想在ko-stage上放置一个轮子事件，让我放大或缩小。

这是我的 html 文件

这是我的打字稿文件。这是我要为每个 konva 组件创建配置的地方。

将 Konva 与 VueJS 一起使用时，如何将背景图像添加到我的舞台或图层？我试过fillPatternImage在config图层和舞台上都应用，但没有效果。在文档中找不到任何关于此的内容，除了可能在其中一个图层中添加一个大矩形并填充它。任何想法如何做到这一点？

这是一些我在单个形状上使用它的代码。我可以在图层/组/舞台级别做类似的事情来设置背景吗？

拖动并释放一个形状后，我希望它靠近一个位置。为了测试这一点，我在 处创建了一个形状{x:100, y:100}，然后将其拖动到 处0,0，但只是第一次拖动它。下次它会忽略我的设置x,y。

我可能在这里遗漏了一些基本的东西？也许我没有以正确的方式改变商店。在下面的代码中，您可以看到设置 x 和 y in 的三个尝试handleDragend。