问题标签 [konvajs]

我设法动态地创建了一个形状数组，并且它们很好地放置在不同的坐标处。

但是，当我尝试在该循环中分配事件时，单击的结果总是相同的。好像点击事件仍在引用我循环的最后一次迭代。

我究竟做错了什么？谢谢！

编辑：实际上，在孤立的环境中重新产生了这种行为：

如何为这四个标签添加不同的事件？

我kineticjs用来做一些 HTML5 图形，我想在多边形上做一个圆角。我怎样才能做到这一点？目前我有这个多边形：

请注意，我希望左下角是半径为 10 的圆角。我该怎么做？

我花了几个小时在谷歌上搜索 Kinetic.Layer.draw() 方法。我发现的只是用例——没有关于如何、何时以及为什么使用它的文档。也许它已经被弃用了？

这些是我在学习和使用这个美妙的框架时使用的主要链接：

http://kineticjs.com/docs/index.html

http://www.html5canvastutorials.com/kineticjs/html5-canvas-events-tutorials-introduction-with-kineticjs/

如果有人向我解释这种误解，那将非常有帮助。

我有一个 HTML5 画布。我正在使用KineticJS(KonvaJS)画布库。在空白画布上，我绘制了如下图所示的图像。现在我想创建一个圆形，可以用来擦除图像的一部分。图中红色圆圈为橡皮擦。

如何擦除 HTML5 Canvas 上的部分图像？

我有一个 HTML5 画布。我正在使用 KineticJS(KonvaJS) 画布库。画布包含一个图像，如下所示。现在我想擦除像素，但要结合一定的透明度级别。红点擦除透明度为 0 的像素。这在这个问题中得到了解决。绿点擦除透明度为 0.5 的像素。透明度越高，橡皮擦的效果越小。

如何定义橡皮擦的强度？

我想在一个旋转的图像上画一个圆圈。圆圈通过拖放移动。我在这里创建了一个 JSFiddle 。当我使用它时degrees = 0，它工作正常：

绘制的位置是正确的。当我将度数更改为不同于零的值时，例如，degrees = 45我得到以下结果：

应该指向绘图位置的橙色圆圈的位置不同。

这是我使用的代码：

（完整示例在我的 JSFiddle中）

当我将橙色圆圈拖到旋转图像上时，绘图的位置与橙色圆圈所在的位置不同。

我尝试的是在我的绘图功能中：

但这不起作用。它没有显示正确的绘制位置。

如何在旋转图像上获得正确的绘制位置？

我正在尝试使用 Jquery UI 创建一个拖放工具，将房屋的房间拖放到 Konva 阶段，然后将该阶段保存为 JSON 字符串。

这是 JSFiddle：http: //jsfiddle.net/RossWilliams94/cxzhabgL/4/

}

但是，我遇到的问题是，正如您从 JSFiddle 中看到的那样，当我单击保存按钮时，它不会保存从 JQuery UI 放入的房间，只保存背景和标签。

真的有可能做到这一点吗？还是因为我使用带有 Konva 的 Jquery UI 会产生问题？

谢谢。

我想在画布上画一条线

结果如下所示：

如果图像是黄色矩形，则为背景。我使用一个圆圈将其拖放到图像上，它将绘制线条。如您所见，我的画线不是那么平滑。您可以看到圆圈并且没有复合线。

我在这里创建了一个 JSFiddle：

如何在看不到每一小块圆圈的地方绘制更平滑和更复杂的线条？

KineticJS的主动维护由其创始人于2014 年12 月停止。曾经托管在kineticjs.com网站上的文档现在返回 404。

在哪里可以找到文档的最新版本？

http://joxi.ru/NDrlaKnT01RamP 目标是确保用户在视觉上可以将三角形分成等份。生成的图形大小应相等，精度为 10%。如何在画布上实现它？有人可以告诉吗？