问题标签 [konvajs]

我正在尝试使用以下代码获取我单击的图像的 ID：

Konva 代码是这样的：

如您所见，我在制作图像时有id: 'IDofImg'，但似乎没有输出所需的 ID。

它当前在单击时输出：

我错过了什么？

在这里提琴

嘿，我想在我的画布上添加一个侦听器，以便查看用户单击了哪个图像。

目前我有以下代码（它工作得很好）：

但是，如果我有不止一个图像，那么我不想为那里的每个图像创建一个zzzz.on('click',... 。

我注意到 Konva 有一个 addEventListener 所以我尝试了以下操作：

即使调用特定图像似乎也不起作用？在我的JSFIDDLE中尝试此操作时出现错误：

因此，除了我得到的错误之外，我还如何设置addEventListener以便在我仅单击图像时触发？

我在 KonvaJS 中试验一维球反弹问题，损失为零。因此，看起来球只是在振荡。

这方面的方程式可在此处获得。（点击这里阅读说明）。

完整代码可在github上找到（检查 README.md 进行设置）。

下面的代码负责动画部分：

对我来说，向上的动画会很快是有道理的；方程是这样说的。但是由于它的动画效果并不流畅。我期待球快速向上上升，在达到其向上（顶点）高度之前减速，然后再次下降。

从理论上讲，两次旅行所花费的时间应该是相同的。然而，对于这个动画来说，情况并非如此。所以，要么我的方程式一定是错误的，要么我需要在动画中调整一些东西。

我正在学习 Konvajs 和 HTML5 Canvas 并面临一些问题：

1. 创建一个由图像数组填充的菜单，并为每个图像分配一个与其图像名称相等的 id 值。顺利完成。

2. 单击任何一个或多个菜单图像以将每个图像绘制到 Konva 舞台上以进行进一步的操作，例如旋转等。遇到以下问题：

完整代码位于： https ://jsfiddle.net/tommy6s/a44hbsc2/

KonvaJS和 KineticJS 在处理事件方面有区别吗？使用相同的代码，类似事件mouseover和其他事件只能使用 KineticJS。有什么建议么？

我有一个工作网络功能，它使用 html5 视频和画布来访问设备相机的 mediaStream，然后拍照并在画布中渲染图像。效果很好，但我想使用 konvajs 舞台而不是画布。

编码

完整代码在这里： https ://jsfiddle.net/tommy6s/63qbt12b/

我正在使用 konvajs 库将多个图像绘制到画布上。图像在某些点上是透明的。

现在我想将点击处理程序附加到图像，但如果图像在该点上是透明的，则不应触发点击处理程序/将点击处理程序提升到 udnerlying 图像。

然而，目前顶部的图像是所有点击处理程序。有没有办法忽略图像透明部分的点击事件？

我在我的项目中使用 KineticJS。我需要使用曲线连接两个形状。可以拖动其中一种形状。我能够在形状之间放置曲线。当用户开始拖动形状时，就会出现问题。要求是它应该适当弯曲（请参阅屏幕截图），无论它们之间的距离和它们相对于彼此的位置如何。我正在这样做：

我不知道我错过了什么。我为此创建了 plunkr。

我正在尝试将本地图像上传到 konvajs 阶段，然后删除不需要的图像部分。我的上传效果很好，并且绘制/擦除工作正常，但我无法擦除上传的图像。我只能擦除图像上的画线。

我创建了一个 jsfiddle：https ://jsfiddle.net/tommy6s/L3f27mch/

我阅读了两篇与我的相似的 stackoverflow 帖子，其中有一个圆形橡皮擦尖端，但我仍然无法弄清楚如何让我的工作。

任何帮助表示赞赏。谢谢你。

我在我的项目中使用KonvaJS。我需要有这样的箭头：

箭头将位于两个形状之间。形状是可拖动的。箭头线的长度应随着用户拖动形状而增加或减少。作为一种解决方法，我Konva.Arrow在这个plunkr中使用了两个实例。但是我不想使用两个实例，因为当用户拖动形状时很难管理它们的位置。我不知道我该怎么做。