问题标签 [kineticjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
964 浏览

html - 使用 kineticJs 的 transitionTo 在鼠标点击时按特定角度旋转圆圈

我有一个有 4 个扇区的圆圈。单击扇区 1 和 3 时,圆圈应旋转特定角度,例如顺时针方向旋转 45 度;单击扇区 2 和 4 时,圆圈应逆时针方向旋转相同角度。如何使用 kineticJS 的 transitionTo 方法做到这一点?

我在用

但第一次点击后过渡似乎不起作用。谁能说出旋转不一致的原因...我需要在每次旋转后保存动力学层的上下文吗???

0 投票
1 回答
1581 浏览

html - kineticJs的transitionTo方法不适用于点击事件

我正在使用 kineticJS 的 transitionTo 方法来显示鼠标单击事件时形状的动画旋转。如果我们第一次单击该形状,它可以正常工作,但随后单击它不会旋转该形状。每次单击时,我都想以某个角度显示形状的过渡(旋转)。请让我知道我正在犯的错误以及如何纠正它?

这是我正在使用的代码

0 投票
2 回答
2764 浏览

html5-canvas - Kineticjs 重叠形状鼠标悬停检测

是否有一种简单的方法可以对 kineticjs 中的多个重叠形状进行鼠标悬停检测(或者 rapheljs,如果这在 SVG 中更容易)。即,如果我有两个部分重叠的圆圈,我想以某种方式检测四种情况:

1) 在没有形状时 2) 在圆 A 上时 3) 在圆 B 上时 4) 当在圆 A 和 B 上(重叠)时

但我需要一个可以扩展到“n”个圆圈/形状的通用实现。

干杯

0 投票
1 回答
2509 浏览

javascript - 在 KineticJS 中替换图像

我正在尝试使用 KineticJS 构建一个 Web 应用程序,我基本上有一个在加载时运行的函数,它将图像添加到画布(KineticJS 中的阶段)。每次运行该函数时,它都会在现有图像下方再次添加图像,因为我需要它来替换当前在舞台上的图像。我知道这与我每次加载函数时创建一个新的图像对象有关,但我对为什么它的定位不同(下面)感到困惑。我在这里模拟了相同的事件:http: //jsfiddle.net/UCvbe/ - 如果您多次单击该按钮,图像会在下面重复。当用户选择门环时将运行最终函数,因此最终函数必须接受一个参数,例如'silver',以便它知道绘制银色门环等。

任何帮助将不胜感激!

0 投票
1 回答
963 浏览

javascript - Kineticjs:drag.movi​​ng 事件在最新版本上不起作用。如何升级代码?

我正在使用 Kineticjs 的 v3.10.2。我正在关注官方演示 问题在第48行(评论说:“//如果拖放”)

在最新版本.drag中已经去掉了替换wi的.isDragging()方法。但是.moving房产呢?它未定义。

如何使它与 Kineticjs 的最新版本一起使用

问候。

0 投票
2 回答
5669 浏览

javascript - 使用 kineticjs 如何将图像对象旋转到位?

考虑以下代码:

如何使图像就地旋转,例如 360 度,但枢轴点在中心?

所以,当我制作图像对象时,目标是让动画在那里运行。目前它只在一侧旋转图像。

0 投票
1 回答
615 浏览

html - chrome 浏览器中动态 JS 中的文本在旋转时闪烁

我正在尝试在单击事件上旋转文本。它已经实现,但在谷歌浏览器中旋转时文本闪烁。它在 Mozilla 中运行良好。如何停止这种闪烁的文本。我不想减慢旋转速度并希望以相同的速度旋转,所以我不想改变过渡的持续时间。请帮忙。代码是

0 投票
1 回答
1808 浏览

javascript - Kinetic.js 无法将图像加载到画布上

我必须缺少一些简单的东西。我已经逐行进行了,但它似乎不起作用。我无法加载图像。

相同的代码似乎适用于我使用 Kinetc.js 的另一个画布应用程序。我似乎无法弄清楚为什么这个不起作用。

代码看起来也与教程非常相似:http: //www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-image-tutorial/

0 投票
1 回答
1759 浏览

html - 使用 KineticJS 在 Google Chrome 中居中画布元素

在以下代码示例中,我使用了一个绘制到 HTML5-canvas 元素上的图像。但是,在 Chrome 中测试时,它不会立即将图像居中。IE 对此没有问题(使用 IE9)。当您使用 Chrome 中的开发人员窗口选择 DOM 中的一个元素时,不知何故它突然居中!!!很难调试,因为您看不到发生了什么变化:

0 投票
1 回答
2107 浏览

javascript - 使画布内的线条闪烁

我目前正在使用Kinetic Js和画布开发一个 HTML5 和 Javascript 项目。

我需要我的线条 ( Kinetic.Line) 闪烁。

我已经尝试过由内部带有函数的无限循环组成的东西setTimeout,但是那时我不能使用javascript(这样的缺点,因为那时我无法选择点!)。

有人有可以帮助我的想法吗?

(对不起我糟糕的英语)