碰撞检测织物js

Question

我正在使用面料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'corosssWithObject'函数检测碰撞。考虑他们的“交叉”例子：

http://fabricjs.com/intersection