0

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)
        };

      }

長方形を作成し、最後の形状が移動された場合にのみログに記録し、形状が移動された場合にそのテキストをプルするようにします。何か案は?ありがとう!

4

1 に答える 1