javascript - 碰撞检测织物js

Question

我正在使用 fabric js，我使用以下函数将图像放在 Canvas 上，当我单击 Canvas 时，图像会放在该位置，我想知道是否有办法检查天气情况已经出现在我点击的位置，特别是是否有其他图像

  document.getElementById("door").onclick = function () {

            canvas.on('mouse:down', function (o) {
                fabric.Image.fromURL('http://localhost:60099/Images/door.png', function (img) {
                    var pointer = canvas.getPointer(o.e);

                    logo = img.set({ left: pointer.x , top: pointer.y  })

                    canvas.add(logo);
                    canvas.item(objC).lockMovementY = true;
                    canvas.item(objC).lockMovementX = true;
                    canvas.renderAll();

                });

            });

        }

Answer 1

可以使用 fabric.js 的“intersectsWithObject”函数检测碰撞。考虑他们的“交叉点”示例:

http://fabricjs.com/intersection