问题标签 [konvajs]

在我的 konva 应用程序中，用户在点击图标时遇到问题......经常 konva 发出dragStart事件而不是tap事件（可能是由于用户手指向下的时间长度或他们的手指在点击期间轻微移动的事实）。

有没有办法调整等待时间和/或移动距离的参数，在该参数下tap将发出 a？

我看到有一个dragDistance推迟发布 adragStart直到用户移动给定数量的像素，但我还没有找到一种方法来告诉它tap在给定数量的像素下发布一个事件。

在我的应用程序中，我广泛使用 KonvaJS，但我需要在KonvaJS Image click 上创建一个Bootstrap Popover，这可能吗？

请注意，我在这个应用中有超过 50 张图片，我需要为每张图片创建一个弹出框。

我正在使用 Konva.js 做一些画布动画。我有圆形，带有图像填充，并且想将颜色叠加/过滤器应用于形状（RGBA）。

这就是我创建 Shape 对象的方式：

演示： http: //jsbin.com/winugimeme/edit ?js,输出

文档概述了一个 RGBA 过滤器，但据我所知，它只能应用于Konva.Image项目。

有没有办法重新编写上面的代码，以便我可以将过滤器应用于形状对象/填充图像？

似乎只需要 VS 和 GTK 来构建 konva 所需的节点画布。

请原谅我，因为我是一个完整的新手，但是有没有其他方法可以做到这一点，而不必下载和安装一堆我永远不会用于其他任何东西的巨大的东西？整个过程对我来说似乎很愚蠢，因为现在大多数浏览器都原生支持 HTML5 画布。

免责声明：可能认为这篇文章是这篇文章的副本，但我已经特别证明了我的需要。

我在我的KonvaJS应用程序中有一个案例，我需要将单击事件从 Rectangle 形状（即Upper Layer的子对象）传播到添加到Lower Layer的几个图像。

请注意，我在较低层中有超过 50 个图像和形状之间的对象，那么我现在如何知道 Lower Layer 中的目标对象是什么。

请举一个例子来证明我的需要：

我在我的项目中使用 Konva JS。我在可拖动的按钮单击上添加了一个形状。单击形状时，我需要获取形状的 X 和 Y 位置。getX并且getY函数正在返回原始的 X 和 Y。拖动后如何更新 X 和 Y。

下面的示例代码。

我有以下代码，其中动态创建了一个形状。单击形状箭头时会生成可以使用其箭头头上的控制器调整大小的箭头。

现在，当我拖动形状时，我需要将箭头的起点与它一起移动。但由于箭头位于不同的层，我无法引用它。如何才能做到这一点？

示例代码：

我在我的项目中使用 KonvaJs。我Konva.Group过去常常将一些物品放在Konva.Image一起Konva.Rect。但是我在将它们放置在mousemove事件的特定位置时面临一些挑战。我有Konva.Group这样的：

像这样的图像和矩形

这是plunkr。

现在我要做的是将组移动到鼠标指针所在的位置。为此，我正在这样做：

因为这里我只有两个元素，所以我可以一个一个地移动它们，但是如果我的组中的元素或子元素的数量会增加。我不能一一移动它们。我试图移动整个组，但它没有跟随指针位置。我想了解如何以我刚刚做的方式放置作品，group.position(position)并且棒状作品开始跟随鼠标指针。以及组的坐标与其子级之间的关系是什么。

我有以下代码。

它能做什么：

单击按钮后，将添加一个形状。它有是或否按钮。

我正在尝试做的事情：

在单击并拖动时，yes我试图从源形状动态绘制一个箭头，并沿着鼠标拖动移动它直到dragstop事件发生的点。

问题是当我拖动是按钮时，形状会随之拖动，我想停止。拖动动作不应该发生，但函数应该在拖动开始时绑定。Konva 有办法做到这一点吗？

任何帮助表示赞赏。

我想绘制可以旋转、拖动和调整大小的图像。我创建了一个 JSFiddle：https ://jsfiddle.net/iu1340/esrfydsL/

我可以拖动和调整大小

但是当我旋转图像时，节点的位置是错误的

这是我使用的代码：

我怎么解决这个问题？