JavaScript が 3 つの JSON エントリをループして、KineticJS を使用してキャンバス上に形状を作成するため、3 つの JSON エントリを持つ JS オブジェクトがあります。ピクセルのしきい値 (この場合は 400px) を超えると、JSON jstext が図形に関連付けられたアラート ボックスが作成されるようにしようとしています。これがコードです
var tools = [{'title':'method', 'jstext':'function newMethod() {'},
{'title':'var', 'jstext':'var'},
{'title':'end', 'jstext':'}'},
]
var startX = 20;
var startY = 30;
for (var i=0; i<tools.length; i++) {
alert(tools[i].jstext)
var x = new Kinetic.Rect({
x: startX,
y: startY,
width: 100,
height: 50,
fill: '#00D2FF',
stroke: 'black',
strokeWidth: 3,
draggable: true,
offset:10,
});
startY = startY + 65;
layer.add(x);
x.on('dragend', function() {
if (x.getAttr('x')>=400) {
console.log(tools[i].jstext)
};
}
長方形を作成し、最後の形状が移動された場合にのみログに記録し、形状が移動された場合にそのテキストをプルするようにします。何か案は?ありがとう!