ファブリック上で、オブジェクトが特定の座標にすでに存在するかどうかをどのように判断できますか？

Question

私はここ数週間fabricjsで働いており、私が抱えている問題の解決策を見つけることができません。 私はオブジェクトを持っており、その周りの領域が "空"（オブジェクトがない）かどうかをプログラムで判断したいので、そこにオブジェクトを追加すると交差しません。

私はcanvas.findTargetとさまざまな "仮想"オブジェクトで遊んでいましたが、何もできません。

これは私が見つけた解決策である：

var targetPoint = new fabric.Point(target.left + offset + 1, target.top + 1); 
      if (obj.containsPoint(targetPoint)) { 
      objectOnRight = obj; 
      } 

敬具、 アレックスは

Answer 1

これはかなり近い（過去に私が使用したいくつかのコードは、コンテキストメニューを表示するために取得する必要があります）：

fabric.util.addListener(document.getElementsByClassName('upper-canvas')[0], 'contextmenu', function (env) { 
    var x = env.offsetX; 
    var y = env.offsetY; 
    var itemIndex = -1; 
    $.each(canvas.getObjects(), function (i, e) { 
     // e.left and e.top are the middle of the object use some "math" to find the outer edges 
     if (e.selectable && e.id != 'canvasNumbers') { 
      var d = e.width * e.scaleX/2; 
      var h = e.height * e.scaleY/2; 
      if (x >= (e.left - d) && x <= (e.left + d)) { 
       if (y >= (e.top - h) && y <= (e.top + h)) { 
        itemIndex = i; 
       } 
      } 
     } 
    }); 
    if (itemIndex > -1) { 
     canvas.setActiveObject(canvas.getObjects()[itemIndex]); 
     canvasSelectedItem = canvas.getObjects()[itemIndex]; 
     $('.contextmenu').css({ 
      top: env.pageY + 'px', 
      left: env.pageX + 'px' 
     }).show(); 
    } 
    env.preventDefault(); 
    return false; //stops the event propigation 
}); 

ご質問がある場合はお知らせください。より多くのことを助けて幸せ