0
我在使用其id
从group
中选择shape
时遇到问题。这是我的codepen:http://codepen.io/drixta/pen/AInHL在使用动力学形状从组中选择一个形状的id时遇到困难?
这是我创建一个方形码:
function create_square(posr,posc,state,len){
var square = new Kinetic.Rect({
id : "sqr"+ posr + "," + posc,
posr: posr,
posc: posc,
state : state,
x: posr*len,
y: posc*len,
width: len,
height: len,
stroke: 'black',
strokeWidth: 2,
fill: 'white'
});
console.log(square.attrs.id);
squareGroup.add(square);
}
从这里一切正常。控制台将打印出每个方块的ID。
sqr0,0 javascript.js:44
sqr0,1 javascript.js:44
sqr0,2 javascript.js:44
sqr0,3 javascript.js:44
sqr0,4 javascript.js:44
sqr0,5 javascript.js:44
sqr0,6 javascript.js:44
sqr0,7 javascript.js:44
然而,根据这个网站:http://www.html5canvastutorials.com/kineticjs/html5-canvas-select-shape-by-id-with-kineticjs/
我在节目的最后使用console.log((squareGroup.get('#sqr0,0')[0]).attrs.id)
尝试,它说cannot get attrs of undefined
。假设这不起作用。
非常感谢!
PS:这是为凸显框的代码:
square.on("mouseover", function(){
square.setFill('blue');
layer.draw();
});
square.on("mouseout", function(){
square.setFill('white');
layer.draw();
});
我嵌套它在create_square功能,这是极其缓慢,反应迟钝时的箱数增加时,没有人知道我在哪里可以做更好?
它适用于我。 – 2013-04-07 01:59:46