问题标签 [kineticjs]

嘿，我正在使用 Kineticjs 实现拖放操作现在我希望图像靠近时彼此捕捉。我在 KineticJs 中看到海滩上的动物示例，这对我的功能没有帮助然后看到 jquery snap网格的东西..但是如果我使用它，那么我将不得不摆脱 KineticJs 。是否有任何方式来实现对 kineticJs 中的元素的 jquery snap 属性，因为在 jquery 中它们已经传递了 img 的 id 以使其可拖动然后捕捉。那么如何将它与我的 kinetic.js 图像一起使用

jquery 可拖动：http: //jqueryui.com/demos/draggable/#snap-to

动力学.js：http ://www.kineticjs.com/

谢谢

阿什什

我是 jquery 的新手 我已经使用 Kinetic.js 实现了拖放操作 我在 html 中有一些图像，我将它们传递给 javascript 函数并使它们可拖动..有两组图像..现在我想要让它们在靠近时相互咬合。我是 jquery 的新手，所以我不知道如何将动态 js 图像变量传递到他们已经传递了 img id 标签的 jquery 操作中。此外，我无法弄清楚 jquery 函数的放置位置以及如何..

这是代码..有人请帮忙..

加载 jquery 库

Kinetic.js- 加载图像并使 em 可拖动

需要有关此 jquery 函数的帮助，如何使用它并在此处传递动力学 js 可拖动图像

可拖动功能

html定义图片点击操作

我正在尝试使用 html5 img 标签将多个图像加载到画布上。
并且图像是可替换的。例如，有 5 个图像列表图像也是可拖动
的，并且特定图像的 onclick 会替换同一列表中最后上传的图像，
我面临的问题是，当我上传新元素时，它会出现在其他之上。和底部元素的 onclick 我希望它移动到顶部并拖动。我尝试使用名为 move to top 的 kineticjs 函数，但没有发生任何事情。我还检查了库，一切正常...
我无法将完整代码粘贴到此处，因为它太大了。
这是我尝试添加移动到顶部功能的部分：

此功能不起作用

结尾

我需要替换 Image 上的一些文本，而不是清除画布，因为我不想丢失图像我只想能够从画布外部的输入框中替换该 Image 上的文本..并添加更改该图像的颜色、字体、大小等功能。我尝试了以 kineticjs 形式提供的文本插件，但它不符合我的要求，我无法理解它。那么对此有什么想法吗？

谢谢

我正在尝试制作一个动态画布，我可以在其中动态添加来自另一个来源的图片，并且我希望在背景中有一个网格，所以我使用了 kinetic v3.8.2 中的 kinetic.rect。图像需要是可拖动的，从动力学 v.3.6.0 开始，但如果我在激活 v3.8.2 时设置可拖动，它会中断。根据 FireBug，“配置未定义”。“img.kinetic.draggable 不是一种方法”，FireBug 说。

有解决办法吗？

我有我的 document.ready 函数，我在其中创建了几个图层，包括我的linesLayer，就像这样（和我的舞台）：

在我的 document.ready 函数中，我的画布有一个 click 函数，在这里我创建了一个新的圆圈（例如，它代表屏幕上的一个点/点），如下所示：

之后，我创建了我的行：

然后我将它们添加到各自的图层中：

并将它们添加到舞台：

现在发生的事情是，当我绘制我的点/圆时，它们都留在屏幕上，就像我希望它们那样。所以如果我点击 10 次，我就有 10 个点。现在的问题是，这确实画了一条线，但它每次只画一条线，两个点之间的最新线，而不是将所有先前的线留在屏幕上。为什么会发生这种情况，因为我将它们添加到图层中，而不是对线图层中的前几行做任何事情？

所以基本上，它确实像我想要的那样将我的圆圈添加到点图层中，并且保持之前添加的元素不变，但是每当我向线条图层添加一条线时，线条图层的所有先前元素都会消失？

编辑：用这段代码修复了它，但不确定为什么它会起作用。

我正在尝试为我在 HTML5 中创建的形状设置动画。

我想使用 jQuery.animate 将animationValue加班时间从一个值更改为另一个值。我不确定如何实现这一点，而且我需要在动画的每一步上运行一个函数，Layer.draw();因为我的形状是画布形状。

任何人都知道如何为animationValuemyShape.drawFunc 设置动画？

我应该补充一点，我正在尝试在其中myShape.on("mouseover",{});使用 setInterval 方法等设置动画吗？

更新：

console.log 显示他们 setInterval 正在被调用，但形状似乎没有被重绘。

有什么方法可以制作 3d 图像。就像在 html5 画布中给它一个 360 度视图。我查看了一些插件，如 jquery reel 。但它们不足以满足我正在寻找的功能。我创建了一种视觉工作室 ..用户首先选择图像，然后添加图形，然后添加文本。现在是什么我想要的是毕竟这个用户应该能够旋转组装的元素并看到 360 度视图。我有我需要给它一个 360 度视图的所有图像，但不知道我应该如何去做。任何帮助表示赞赏..

谢谢阿什什

我发现了这个很棒的 .js，叫做动力学。一段时间以来，我一直在搞乱 html、css，无法将容器设置为全屏。

http://designobvio.us/v4design/demo.html

我已将所有父母设置为 100% 高度并尝试了全屏 jQuery。不幸的是仍然没有运气。

为了可读性，我尽可能地对代码进行了配对。正如你所看到的，我将高度设置为 400 像素，否则它会变得很疯狂。如果还有什么我可以提供的支持，请不要犹豫。

作为第二个请求，任何人都知道如何将边界设置为内部。或者确保宽度与边框完美匹配？

我正在尝试使用 KineticJS 为图像设置动画以在屏幕上移动，但我一直没有收到函数错误。图像显示正常，但它一直说 imageObj.move 不是函数，我不知道为什么。我对javascript和KineticJS有点陌生，所以我可能只是犯了一个非常基本的错误，所以非常欢迎一些帮助。谢谢！