问题标签 [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 回答
453 浏览

html - 画 20 条弧来创建一个圆

我遇到了一个问题。我正在尝试使用 Kineticjs 库从 20 个弧中创建一个圆。

问题:弧线不会出现在我的页面上......

我是这个图书馆的新手,所以我不知道我做错了什么。有人可以阅读下一页上的代码并帮助我吗?

http://jsfiddle.net/cMHv5/

0 投票
2 回答
3957 浏览

kineticjs - 如何在旋转时修复 KineticJs 上的 centerOffset

我在 KineticJs 上的 centerOffset 遇到问题,当我旋转对象(一个矩形)时,中心会偏离,我找不到纠正它的方法。

0 投票
1 回答
455 浏览

image - 在 HTML 5 的 Canvas 中拖放图像后,如何显示它的 ID?

我在 HTML5 中的 Canvas 中有 4 张图像。当我将图像放在 Canvas 中的某个位置时,我想在 Canvas 中显示图像的名称。
可能吗?如果是,请告诉我怎么做?

源代码可以在这里找到。KineticJS 用于处理画布。

0 投票
1 回答
926 浏览

windows - Html5 Canvas:旋转的文本在 Google Chrome 上看起来失真

我在 HTML5 画布中旋转了一个文本。它在除谷歌浏览器之外的所有浏览器上看起来都很好。它在 Windows 上的 chrome 上看起来失真。此外,它在 MAC 上看起来不错。为什么会这样?我正在使用 Chrome beta 20。是一些 HTML 5 问题还是一些 Google Chrome 或 Windows 错误?我该如何解决这个失真问题?

0 投票
1 回答
99 浏览

jquery - 你可以在 jQuery 库中放置一个 Canvas 实例吗?

我已经使用 Canvas 和 KineticJS 制作了几个简单的粒子和游戏示例,并且我正在考虑使用像 Nivo 这样的滑块来展示它们。首先的想法是,我需要在滑块过渡时重新绘制每个画布,但我只是想知道是否有人已经尝试过这个并成功或失败,是否可行?

0 投票
1 回答
2045 浏览

kineticjs - 使用 KineticJS 旋转一组对象

我在一个组中有一组对象[圆圈和一些线]。我希望将整个组旋转一个角度[比如 90],其中旋转位于圆的中心。然而,当旋转组时,它不会在设置为圆心的偏移量上旋转。

任何帮助或意见将不胜感激谢谢!

这里要求的@JohnWiseman 是我的代码。

0 投票
1 回答
1428 浏览

javascript - 如何防止使用 HTML5 / Javascript 在长按/点击时选择画布?

我正在使用 Kinetic.js 库来处理我的触摸事件和其他与 HTML5 手机游戏相关的画布对象。该库提供了访问所有事件的简单界面,但是它没有用于捕获长触摸/点击事件的句柄。我的游戏要求用户按住键才能继续开火,但这会选择整个画布,这需要额外单击才能取消选择,这在重复执行时会变得很烦人。我查看了这个讨论,但那里没有接受任何解决方案。

0 投票
2 回答
1433 浏览

javascript - html5画布内的Texbox

我可以使用 HTML 5 在画布内插入文本框吗?如果是,请告诉我如何在画布内插入文本框?目前我正在使用矩形来实现我的功能,但这不是我期待的方式,所以请帮助我在 HTML 5 中使用 KINETICJS 创建文本框。

0 投票
1 回答
1369 浏览

javascript - Kinetic.js 旋转组对象的新子级具有不正确的偏移量

我需要用户在一个圆圈中画线,然后旋转包括线条在内的圆圈。但是,如果我使用“组”对圆圈进行分组,然后画线,则不会在圆圈中画线。

在此之后,如果我移动该组,则线条不会绘制在圆圈中,而是绘制在图层上的其他位置。

任何帮助或建议将不胜感激。谢谢

工作副本: 单击开始,然后单击撤消按钮旁边的圆圈旁边的两个红色圆圈

微生物学游戏链接

这是代码:我首先在单击时获取 x 和 y 坐标,然后在鼠标移动时画一条线

0 投票
1 回答
1417 浏览

html - 将 kineticJS 画布上的锚点更改为箭头?

在过去的几天里,我一直在玩 kineticjs 和画布。我有一个拖放画布,可以加载可调整大小的图像。可调整大小的图像上的锚点是圆圈:

我想把它们变成箭头,或者类似的东西来向用户展示图像实际上是可调整大小的。有没有人有这样做的方法或教程可以告诉我如何绘制箭头或用图像替换锚点?

谢谢你的帮助...