碰撞检测织物js

Question

我正在使用fabric js，我使用以下功能将图像放在画布上，当我单击画布时，图像会放在该位置，我想知道是否有方法可以检查天气有什么东西已经出现在我点击的位置，特别是如果有另一个图像或没有

  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