问题标签 [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 投票
1 回答
2553 浏览

drag-and-drop - Konva 拖放而不移动拖动元素

我的问题是如何拖放形状,但要克隆可拖动的形状,然后将该克隆拖到可放置的形状。

我是康瓦的新手。在查看文档和示例时,我可以找到如何拖放形状。

我找到了对形状克隆的参考,但我不知道该怎么做。

如果有人能告诉我方法,那将不胜感激。

谢谢

0 投票
1 回答
1049 浏览

javascript - 屏幕调整大小后 Konva 事件位置错误

在我的代码中,我正在调整 Konva 画布和 konvajs-content 元素的大小以保持全屏外观。

在我尝试捕获任何事件输入之前,这一切都很好。正如您在 JSFiddle 中看到的,当尝试单击“测试”文本时,您不会触发事件。

但是,如果您单击左侧约 40 像素和文本上方 20 像素,您将触发事件。

https://jsfiddle.net/3qc3wtr3/2/

有没有办法保持调整大小行为并确保根据元素的实际位置触发事件?

0 投票
1 回答
1129 浏览

javascript - 如何将事件传输到画布 { pointer-events : none }; (!在 KonvaJS 中)

标题的本质在我的示例中进行了描述和呈现。我的任务是制作伪形状。您需要将鼠标悬停在画布元素(三角形)上,画布接受{pointer-events:all}的属性,并小心使用此元素{pointer-events:none}。如何使用框架 konvajs 做到这一点。

PS:对不起我的英语。

0 投票
1 回答
1026 浏览

html - 如何使用 HTML5 画布库旋转图像,例如:KineticJS 或 KonvaJS?

我可以使用 KineticJS 库旋转一个矩形(形状)我现在想旋转一个图像,我该怎么做?

我要点击旋转

第 1 步单击按钮显示贴纸

第2步单击按钮旋转

每次按 + 5

或查看网页:http: //jsfiddle.net/m1erickson/Z6Yg8/

0 投票
2 回答
1946 浏览

html - 如何在 HTML5 Canvas 中获取绘制弧的宽度和高度?

在这里,我使用Konvajs库绘制了一些弧线,但是在绘制对象后我无法获得它们的宽度和高度,我该怎么做?快速阅读代码:

请用代码示例支持您的答案。

0 投票
2 回答
777 浏览

javascript - Complex image manipulation using HTML5/JS

Is it possible to easily replicate the "put your face in this photo and share it with your friends" functionality (as seen on many sites, eg. this one) using only HTML5 and/or JavaScript?

Every other site I've seen doing this uses Flash, but it would be good to get it running across all mobile devices.

I've taken a look at Konva (the successor to KinectJS) but I'm still not entirely sure this can be done using only HTML and JS.

0 投票
1 回答
458 浏览

onmousedown - 按下鼠标按钮时的 konva.js 行为

我问当鼠标按下然后离开画布或浏览器窗口时,konva.js 是否可能像 Raphael.js 或 Paper.js 等其他图形库一样表现,该视频说明了默认情况下的行为差异。

https://www.youtube.com/watch?v=DeBNJiN_Vdo

konva.js 是否以同样的方式工作?

(谷歌翻译)

0 投票
2 回答
800 浏览

javascript - 在 KonvaJS 补间结束时销毁多个形状

所以我有一个 for 循环生成、放置和补间 20 个矩形。然而,代码只会破坏最后生成的矩形。是否有一种(理想情况下简单的)方法来确保 .destroy() 适用于每个矩形而不是最后一个?

0 投票
2 回答
2796 浏览

javascript - KonvaJS:event.preventDefault 不是函数

现在我在玩KonvaJS。我clickshape. 当我单击 时shape,将调用侦听器。在我的听众中,我正在调用event.preventDefault()方法来停止触发其他事件。但是当我这样做时,它会说:

未捕获的 TypeError:event.preventDefault 不是函数

我不知道我错过了什么。这是我的代码

0 投票
2 回答
3930 浏览

javascript - KonvaJS:文本对象中的 HTML

我目前正在研究 KonvaJS 来创建一个像废品预订应用程序一样的应用程序,并且我正试图像项目符号列表一样显示。

我尝试使用文本形状并将 html 添加到文本中以查看它是否会呈现它,但没有运气。

这甚至可能吗?如果是这样,怎么做?如果不是,KonvaJS 有什么其他方式来显示花哨的文本,比如列表、粗体...

输出:对不起,我没有足够的声誉来发布图片,但输出文本是:

我希望它是这样的:

这是正常的文字

这是大胆的

任何帮助表示赞赏,谢谢!