问题标签 [konvajs]

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.

0 投票
0 回答
466 浏览

javascript - KonvaJS 中的钻石渐变

我需要使用KonvaJS为戒指填充钻石渐变。戒指应如下图所示:

在此处输入图像描述

我使用了一个Konva.Arc具有以下属性的实例:

但我无法获得相同的外观和感觉。拜托,这是完整的代码:

0 投票
1 回答
1278 浏览

javascript - 向 konvajs 组对象添加新属性

如何向现有Konva.Group()对象添加新属性?

例如:

属性“obj”是`未定义的!那么如何将它添加到 Group obj 并能够正确检索它呢?

0 投票
2 回答
950 浏览

javascript - 使用 HTML Canvas 创建一个类似 div 的元素,将溢出设置为自动

标题可能具有误导性,但这是我能想到的最好的问题摘要。

无论如何,我需要弄清楚如何制作一个列表或容器,在本例中是一个包含项目列表的普通矩形,可以上下拖动以显示容器中的其他项目。在某种程度上,它类似于带有滑块的受限 div,但没有滑块。

现在,我有了一个使用 KonvaJS 的想法,以前的 KineticJS 将容器中的所有项目放在一个组中,并使组可以在某些方向上拖动等。

然而,问题是元素向上或向下的滑动不仅应该在拖动时进行,还应该在轻弹时进行。因此,如果您向上滑动手指/鼠标,列表将继续滑动,直到最后,速度会根据滑动强度而变化。如果确定轻弹强度或速度太复杂,那么任何类型的轻弹都需要将整个列表滑动到底部或顶部。

所以这应该有点像你在你的 android 或 ios 上的标准垂直幻灯片小部件。现在您对我如何进行此操作有任何想法,或者您将如何处理。欢迎任何想法。

0 投票
1 回答
858 浏览

konvajs - Konva.js 缓存规模

问题是使用 node.cache() 时,节点首先被缓存然后缩放。如何实现先缩放然后缓存?提前谢谢。

0 投票
1 回答
1078 浏览

javascript - KonvaJs:带角渐变的环

我在我的项目中使用KonvaJS。我需要用角度渐变制作环形或弧线。在这个小提琴中完成的方式。Konva.Arc我使用了像这样在小提琴中使用的颜色

但我不知道我错过了什么。我不能给它同样的外观。这是plunkr。在 plunkr 中,我使用了自定义形状。使用自定义形状,我可以用角度渐变绘制圆环,但我不想使用自定义形状,因为如果我使用自定义形状,那么我还必须处理其他东西,因为 Konva 已经有两个内置形状Konva.RingKonva.Arc. 所以最好使用它们。

预期的环

0 投票
1 回答
101 浏览

javascript - Konvas.js - 通过单击类 css 选择背景

我正在尝试使用 Konvas.js 单击 imgback 类并根据单击的图像更改背景:

https://jsfiddle.net/hk7xe0we/3/

我不想在每张图片上都放一个 id

以下代码:

查询:

html

谢谢你的帮助

https://github.com/EditorsJS/editorimagekonvajs

0 投票
1 回答
77 浏览

javascript - 如何在加载之前删除此 json 数据,

这是一个使用 konva 库的 html 画布。

var json = ' http://pastebin.com/Qv1HAUmY ' 这是我的 json 数据,

然后在我得到“json”的值之前,所有像这样的项目都被删除了

如果可能,我想使用 JavaScript 删除所有锚点。

0 投票
1 回答
1066 浏览

javascript - Z-index 底部背景 -Konvajs

如何使用 node.setZIndex(2); 或 node.moveToTop(); node.moveToBottom(); 用于在底部修复任何图像和文本的背景层?

如果点击背景 -> 图像 -> 背景,则图像转到底部

https://jsfiddle.net/hk7xe0we/12/

https://github.com/EditorsJS/editorimagekonvajs

谢谢你的帮助

0 投票
1 回答
2597 浏览

javascript - 如何获得画布的中心点

如何获取画布对象/矩形的中心点。我将 Konvajs 库用于我的小项目。在 konva 文档中说,您需要将点居中以获得良好的旋转。 http://konvajs.github.io/docs/animations/Rotation.html

前任

0 投票
0 回答
640 浏览

reactjs - ReactJS + ReactKonva,我如何查看图像?

从服务器我得到带有形状参数的json。我有矩形的容器形状类型。他可以拥有三种类型的元素——视频、图像和文本。对于创建元素,我首先创建数组

然后我创建 3 个元素、容器和两个文本(标题和内容)

并添加到数组

然后是动态元素

并返回这个,如何分组

但是你可以看到图像,只有当点击某个元素时

包.json