问题标签 [konva]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
konvajs - 绘制一个更高更瘦的 Konva.js 六边形
我想使用 RegularPolygon 绘制一个“平面”六边形,但想调整高度和宽度。“扁平”部分很容易旋转 30 度,但我似乎无法弄清楚如何让它更高更瘦。有什么建议么?
提前致谢。
担
目前使用线路:
vue.js - vue konva 可编辑的视频文本
嘿伙计们,所以我构建了这个 vuejs 画布应用程序,它运行得非常好,但是我想向它添加更多功能。例如,我想缩放视频顶部的文本,并在文本周围放置某种框。可以在画布中直接编辑。我见过人们用包括 Konva 在内的多个库来做到这一点,但是我看到有一个 Knova-vue 并且文档很糟糕有没有人用这个库制作了一个简单的应用程序,你可以在其中写视频?
konva - 自定义形状的Konva序列化和反序列化
您如何序列化和反序列化自定义 Konva 形状?
Konva 允许您使用 sceneFunc 创建自定义形状,但是当您将其存储为 JSON 并加载回来时,您如何知道它是什么自定义形状?
javascript - Konva 的 .draw 方法与旧绘图重叠,我该如何防止?
在我的代码中,每次用户移动鼠标来跟踪它时,我都会重新绘制一个矩形,但正如这里所说,.draw 方法不会删除该形状的旧绘图。
所以我的问题是,我如何删除旧图?有某种 .remove() 方法吗?
提前致谢,
iLinked
reactjs - 无法读取未定义 Konva.js 的属性“应用”
我正在尝试使用方法查找对象find
。它只是代码的一部分,只是为了演示问题。一般来说,我需要Shapes
从Konva
框架的数组中找到对象。我在渲染功能组件后使用 refs 得到它。
我在库中得到错误。是 konva 框架库吗?如何通过另一种方式从数组中找到元素?
TypeError:无法读取未定义集合的属性“应用”。[如发现]
这是我在 StackOwerflow 上的第一个问题,很抱歉这个问题的格式不完全。我在这里做了一个例子
UPD:通过使用findIndex
并通过 circles[index] 获得值解决了问题。但是剩下 1 个问题:它是库(框架)的错误吗?
canvas - 如何将 Konvajs Transformer 附加到多个形状而不分组?
我正在开发一个基于 Konvajs 的设计器工具项目,您可以在其中使用 MouseClick+CntrlKey 选择多个形状。
这个想法是,一旦选择了第一个形状,就会创建一个附加到它的 Transformer。如果您按住 CntrlKey 并单击其他形状,则 Transformer 将被更新(使用 forceUpdate())以包含这些形状。
感谢本教程,我设法将 Transformer 附加到一个新创建的临时组,其中所有形状在被选中时都会被一一添加。一旦您清除选择,形状就会从该组中删除。
将形状添加到临时组的问题是,在形状仍在该组中时,您无法保持形状的原始 z-index,因此它们都被移到顶部。这就是为什么我试图找到一种方法将 Transformer 直接附加到多个形状而不将它们添加到组中。
任何帮助将不胜感激!提前致谢!
javascript - 在 react-konva 中更改 Hover 上的光标
我正在使用 react-konva 为应用程序创建 UI。我想要它,以便在将鼠标悬停在 Rect 上时光标变为指针。有关于如何使用 konva 而不是 react-konva 的文档。任何人都可以帮忙吗?
javascript - 如何在 Angular wint Konva 中实现滚动缩放
我尝试了几天来找到一种方法来为我的 Angular 应用程序放大 Konva。在我的 html 页面中,我的应用中有多个ko-image标签,它们具有不同的[config]。我想在ko-stage上放置一个轮子事件,让我放大或缩小。
这是我的 html 文件
这是我的打字稿文件。这是我要为每个 konva 组件创建配置的地方。
konvajs - 在 Konva 图层或舞台中使用背景图像
将 Konva 与 VueJS 一起使用时,如何将背景图像添加到我的舞台或图层?我试过fillPatternImage
在config
图层和舞台上都应用,但没有效果。在文档中找不到任何关于此的内容,除了可能在其中一个图层中添加一个大矩形并填充它。任何想法如何做到这一点?
这是一些我在单个形状上使用它的代码。我可以在图层/组/舞台级别做类似的事情来设置背景吗?
vue.js - 刷新 Vue 组件中的 Konva 形状状态
拖动并释放一个形状后,我希望它靠近一个位置。为了测试这一点,我在 处创建了一个形状{x:100, y:100}
,然后将其拖动到 处0,0
,但只是第一次拖动它。下次它会忽略我的设置x,y
。
我可能在这里遗漏了一些基本的东西?也许我没有以正确的方式改变商店。在下面的代码中,您可以看到设置 x 和 y in 的三个尝试handleDragend
。