使用动态js在画布中使用多个对象
使用动态js在画布中使用多个对象
提问于 2014-05-28 04:32:59
我试图用画布做一个应用程序，它有多个事件绑定到它们的对象，例如鼠标向下和鼠标向上.
我用的是动力学js。
我的疑问是，如果我必须用动力学js在画布上画两个圆圈。我可以直接使用物体。但是如果我必须在除法中放置500个圆圈，那么手工创建500个圆圈对象太困难了。那么，是否还有其他选择来实现这一目标呢？
对于我使用的每个圆圈对象，我都使用这些事件。
var circle = new Kinetic.Circle({
x: 100,
y: 100,
radius: 5,
fill: 'red',
stroke: 'black',
strokeWidth: 1
});
circle.setAttr('fact','Kinetic JS is Awesome')
circle.on('mouseover', function() {
document.body.style.cursor = 'pointer'
});
circle.on('mouseout', function() {
document.body.style.cursor = 'default'
});
circle.on('mousedown', function() {
var fill = this.getFill() == 'red' ? '#00d00f' : 'red';
this.setFill(fill);
alert(this.getAttr('fact'));// I do some stuff here
layer.draw();
});回答 1
Stack Overflow用户
回答已采纳
发布于 2014-05-28 08:31:41
我还建议您查看KineticJS的教程，这个教程是关于压力测试的:1000个形状+它们各自的工具提示。
http://www.html5canvastutorials.com/labs/html5-canvas-10000-shape-stress-test-with-kineticjs
PS:您只需复制粘贴代码并在这里更新KineticJS版本即可。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23902879
复制相关文章
相似问题
腾讯云开发者
