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

html5-canvas - HTML 5 Canvas 鼠标悬停在元素上的事件(显示工具提示)

我正在做一个可视化项目。根据我的数据,我在画布上绘制了数百个小圆圈。我想添加一个鼠标悬停事件,这样只要鼠标是一个圆圈的封闭区域,它就会将我的数据中的一些节点属性显示为工具提示或画布上的文本。我当前的 drawCircle 方法

我研究了kinetic.js 但无法弄清楚如何使用他们的库调用我的 drawCircle [重复] 方法。

任何帮助将不胜感激。

0 投票
1 回答
1213 浏览

html - html5 工具提示对象?

我在 html5canvastutorials.com 上找到了本教程:

tooltip对象在没有预先定义的情况下被使用。HTML 5 画布是否有预定义的tooltip对象?或者我在这里错过了什么?

0 投票
2 回答
6956 浏览

javascript - KineticJS - Shape.setPosition();

我在玩 KineticJS 时遇到了一些麻烦。

正如您从我的小提琴中看到的那样,我可以访问我的放置事件中的 Shape 对象(框),以获取 x、y 坐标,并且我正在对它们进行数学运算以获取我想要的新坐标'将形状捕捉到,但我不知道如何设置位置并重绘框。

文档很少,充其量是:

http://www.kineticjs.com/api-docs.php(参见 Shape.setPosition(x, y))

这里有没有人弄乱这个图书馆?

编辑:我现在工作的小提琴:http: //jsfiddle.net/Programmer/m4MZk/

0 投票
2 回答
10617 浏览

html - HTML5:按百分比填充圆/弧

这是我的伪代码:

我正在使用KineticJS库来控制我制作的形状并根据需要重新绘制它们。我的问题是上面的代码根本不起作用。我假设我的数学不正确,因为如果我更改radians为类似4.0 * Math.PIis 绘制整个圆圈。

我一直在使用HTML5 Canvas Arc Tutorial作为参考。

0 投票
1 回答
19103 浏览

html - Kineticjs vs Raphaeljs

我正在使用 HTML5 开始一个新项目。两个最流行的图形工具包是KineticJSRaphaelJS。如果你有使用这些的经验,你有什么建议吗?它们提供哪些功能,使用其中一种功能是否有优势?

例如,只有 RaphaelJS 适用于旧版浏览器(但这不是我需要的功能)。

0 投票
2 回答
4831 浏览

jquery - 使用 jQuery (.animate) 和 KineticJS 框架调整画布大小

我正在尝试使用 jQuery 调整 HTML5 画布元素的大小。(注意:不是画布内的对象,而是元素的大小!)

仅使用 jQuery 的代码可以正常工作:http: //jsfiddle.net/dAQBD/

但是当尝试对 KineticJS 框架做同样的事情时,它根本不起作用。我的代码:http: //jsfiddle.net/mLMSE/1/

我怀疑这是因为框架基于<div>- through - ( var stage = new Kinetic.Stage("div", 500, 200);)创建画布本身

有没有办法解决这个问题?现在不想改变框架,因为我在我的真实项目上做了很多(这只是虚拟代码)。谢谢。

(我知道我的小提琴说“扩展”,而实际上它们的尺寸减小了。错字。)

0 投票
3 回答
5859 浏览

javascript - KineticJS 框架创建的 HTML5 画布的动画调整大小

我正在尝试更改由KineticJS框架创建的 HTML5画布元素的大小——也就是说,不是画布内的对象,而是元素的大小。

由于.animate在这件事上不能使用 jQuery 函数(它改变 CSS,我希望它改变元素的实际属性),我不得不开发自己的函数,使用stage.setSize(width, height)KineticJS API 提供的内部函数。我根本没有编写动画函数的经验,所以我可能完全错误地处理这种情况。

问题:它依赖于性能,因此通常不够快(感谢 setInterval)。更不用说它仅部分适用于移动设备(iPhone 4S iOS 5.0.1 测试)。任何解决方案都必须或多或少完美无瑕,即使在移动设备上也是如此。

我正在寻找改进此功能的不同方法。射击。

(对于那些没有看到我的代码链接的人;http://jsfiddle.net/G4nuH/animateResize是相关功能。)

0 投票
1 回答
2501 浏览

html5-animation - KineticJS - 点击事件

我正在开发一个使用 KineticJS 的小型应用程序。我创建了一个圆圈,并在页面加载时淡入淡出......我遇到的问题是,当我单击主圆圈以“生成”主圆圈周围的小圆圈时,所有圆圈都消失了......

http://jsfiddle.net/T9RfA/1/

还有其他人遇到这种问题吗?

0 投票
2 回答
4293 浏览

javascript - 使用 KineticJS 在 HTML5 Canvas 上制作线性动画。如何制作?

我正在开发一个基于 HTML5 画布的迷你游戏,但我似乎无法组织线性动画。

我正在使用此代码向画布添加“目标”对象:

我需要用线性动画为这个对象设置动画,试试这个代码:

但是,它没有用!怎么了?

0 投票
1 回答
340 浏览

javascript - FPS 系统上的可用内存

我从 KineticJS(和 Canvas)开始,我正在创建一个用于学习的小游戏......现在,我只有 2 层:

  • 首先是由 Kinetic.Image 组成的地图
  • 第二次与上一场比赛谁为平局。

我想每秒刷新显示 X 次,但是在 20 或 30 次之后游戏真的很慢.. 当我泛滥事件点击时也是如此(谁也启动了绘制功能)......此外,我可以在第二层看到:旧文本永远不会干净,新文本添加在顶部...:/

对不起,我的英语真的很差。

谢谢大家。