碰撞检测 Fabrics.js

5

我正在使用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();

                });

            });

        }

你能分享一下你的 Fiddle 吗? - Dakshika
1个回答

7

这是有用的,但它只基于边界框的基本碰撞检测。 "请注意,相交是针对边界框而非实际形状进行检查"。例如,沿着圆的曲边缘不会发生碰撞,大多数人都希望进行此类检测。 - Kalnode

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接