问题标签 [kineticjs]

我正在尝试在 KineticJS 中编写代码来移动由包含其精灵的组表示的单元（这是一个组，因为我可能想在图形表示中添加更多东西）。

运动功能的代码是：

没有这条线，sprite.setAnimation('idle');一切都很好。有了这条线，大部分时间一切仍然按预期工作（即动画在运动结束后停止）但有时精灵完全消失，我收到以下神秘的错误消息：

错误：d 未定义”在 kinetic-v3.9.8.min.js 的第 29 行

出于测试的目的，现在通过在屏幕上单击鼠标来调用 moveTo。我认为这可能与我在上一个动作结束之前单击鼠标有关，但有时即使我小心不这样做也会发生错误。

编辑：当我在舞台边缘附近单击并且移动命令命令单元“退出”它时，大部分时间都会发生错误。尽管如此，除非我更改精灵动画并且我不了解连接，否则不会发生任何不好的事情。此外，我设法在不单击边界附近的任何地方的情况下重现了该错误，这种情况更加罕见。

我正在尝试用 KineticJS 绘制一些东西。我想让文本垂直对齐，但没有找到一个属性让它像我想要的那样呈现。

我尝试了“align”、“verticalAlign”，但这些都不符合我的要求。

我想要这样的文字显示：

但它不起作用并且总是这样显示：

我已经切换到 kineticJS，我正在尝试让背景图像重复。这是我正在使用的代码：

现在我想做的基本上就是本教程所做的： http ://www.html5canvastutorials.com/tutorials/html5-canvas-patterns-tutorial/ ：

该教程使用画布/上下文对象来重复图像。我在文档中找不到图像重复，所以我想知道是否可以访问我的舞台（或图层？）的主要上下文元素，然后使用类似于教程的内容。

我正在使用 KinetickJS 在屏幕上绘制图像。我在舞台上有一个图层，并收到了 1000 张 base64 格式的图像。首先，我尝试用 Kinetic 绘制它们

示例 1，在 1000 张图像之后效果很好，但当我尝试拖动或对图层执行某些操作时，它变得非常缓慢。所以我尝试下一个示例

示例 2，但在这种情况下，画布开始在每次更新时闪烁

那么你有什么想法可以让它更快和/或禁用闪烁吗？

我在这里遇到问题...我想将画布图像更改为另一个图像...但是我在这样做时遇到了问题...

这是代码...

如您所见...我要更改的图像在

通过使用单击按钮事件...有人可以帮助我吗？

提前致谢....

我正在构建一个极坐标图可视化，它需要在其弧上显示工具提示。它可以工作，只是鼠标悬停不精确：它是通过将鼠标悬停在没有形状的地方触发的，并且不会在应该触发的时候触发。

您可以通过我在jsfiddle上的原型亲自查看。

知道我能做些什么来解决这个问题吗？

更新

事实上，如果我填充（）弧线，它会显示真正发生事件的区域。它反应灵敏，尽管我想我现在需要找到一种方法使它不考虑填充...

使用 Kinetic，是否可以在文本上设置鼠标悬停？下面的代码不起作用。如果用矩形替换文本，它工作正常。

谢谢您的帮助！

更新：

好的，我搜索了一下，似乎有必要使用像素检测。

有关更多详细信息，请参阅本教程

结果目前并不完美，但总比没有好。

如何在动力学JS中将ascii字符可视化为“人类可读”？

我正在使用 KineticJS 来实现图形编辑器。我想拖动一个 KineticJS 组并将其放入另一个形状。到目前为止一切顺利，完成将“dropend”事件绑定到组中的处理程序。但是我想在拖动过程中将颜色更改为潜在的目标形状，同时将其悬停在它上面，以证明它是适合放置的形状。我看不到这样做的方法，也无法在 Kinetic 文档中找到任何帮助。我该怎么办？

谢谢，埃卡

我正在用 kinatic JS 构建一个画布绘图应用程序。目前它在这里

182.19.26.90/kjs/

这就像我选择框和拖动时一样，将根据鼠标拖动创建矩形。但是当矩形数量增加时，应用程序变得非常慢。下面是我的代码

}

虽然它是大代码，但我只是粘贴在这里，它只是创建一个框。谁能给我任何方法来解决这个减速问题。

任何帮助将不胜感激。

谢谢