问题标签 [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.
drag-and-drop - Konva 拖放而不移动拖动元素
我的问题是如何拖放形状,但要克隆可拖动的形状,然后将该克隆拖到可放置的形状。
我是康瓦的新手。在查看文档和示例时,我可以找到如何拖放形状。
我找到了对形状克隆的参考,但我不知道该怎么做。
如果有人能告诉我方法,那将不胜感激。
谢谢
javascript - 屏幕调整大小后 Konva 事件位置错误
在我的代码中,我正在调整 Konva 画布和 konvajs-content 元素的大小以保持全屏外观。
在我尝试捕获任何事件输入之前,这一切都很好。正如您在 JSFiddle 中看到的,当尝试单击“测试”文本时,您不会触发事件。
但是,如果您单击左侧约 40 像素和文本上方 20 像素,您将触发事件。
https://jsfiddle.net/3qc3wtr3/2/
有没有办法保持调整大小行为并确保根据元素的实际位置触发事件?
javascript - 如何将事件传输到画布 { pointer-events : none }; (!在 KonvaJS 中)
标题的本质在我的示例中进行了描述和呈现。我的任务是制作伪形状。您需要将鼠标悬停在画布元素(三角形)上,画布接受{pointer-events:all}
的属性,并小心使用此元素{pointer-events:none}
。如何使用框架 konvajs 做到这一点。
html - 如何使用 HTML5 画布库旋转图像,例如:KineticJS 或 KonvaJS?
我可以使用 KineticJS 库旋转一个矩形(形状)我现在想旋转一个图像,我该怎么做?
我要点击旋转
第 1 步单击按钮显示贴纸
第2步单击按钮旋转
每次按 + 5
或查看网页:http: //jsfiddle.net/m1erickson/Z6Yg8/
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.
onmousedown - 按下鼠标按钮时的 konva.js 行为
我问当鼠标按下然后离开画布或浏览器窗口时,konva.js 是否可能像 Raphael.js 或 Paper.js 等其他图形库一样表现,该视频说明了默认情况下的行为差异。
https://www.youtube.com/watch?v=DeBNJiN_Vdo
konva.js 是否以同样的方式工作?
(谷歌翻译)
javascript - 在 KonvaJS 补间结束时销毁多个形状
所以我有一个 for 循环生成、放置和补间 20 个矩形。然而,代码只会破坏最后生成的矩形。是否有一种(理想情况下简单的)方法来确保 .destroy() 适用于每个矩形而不是最后一个?
javascript - KonvaJS:文本对象中的 HTML
我目前正在研究 KonvaJS 来创建一个像废品预订应用程序一样的应用程序,并且我正试图像项目符号列表一样显示。
我尝试使用文本形状并将 html 添加到文本中以查看它是否会呈现它,但没有运气。
这甚至可能吗?如果是这样,怎么做?如果不是,KonvaJS 有什么其他方式来显示花哨的文本,比如列表、粗体...
输出:对不起,我没有足够的声誉来发布图片,但输出文本是:
我希望它是这样的:
这是正常的文字
这是大胆的
任何帮助表示赞赏,谢谢!