javascript - example - fabric.js tutorial

tejidos de detección de colisión js

Question

Estoy usando Fabric js, utilizo la siguiente función para poner una imagen en el lienzo, cuando hago clic en el lienzo una imagen se coloca en esa ubicación, quiero saber si hay alguna forma de que pueda verificar si hay algo que ya esté presente en ubicación donde estoy haciendo clic especialmente si hay otra imagen o no

  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

Las colisiones se pueden detectar con la función fabric.js ''intersectsWithObject''. Considere su ejemplo de ''intersección'':

http://fabricjs.com/intersection