检测织物js对象边缘并避免重叠

Question

我有一个织物三角形

var fabObj = new fabric.Triangle({
            left: 250,
            top: 250,
            fill: 'white',
            width: 60,
            height: 60,
            name:'triangle',
            borderColor: '#f0000',
            cornerSize: 8,
            transparentCorners: true,  
            hasControls:true,
            lockScalingX:true,
            lockScalingY:true
        });

$scope.canvas.add(fabObj);
$scope.canvas.setActiveObject(fabObj);
$scope.canvas.renderAll();

它创建如下的三角形

我希望另一侧有另一个三角形，但不能相互重叠

尝试过此代码，但只检测角落（三角形的方形边界） https://stackoverflow.com/a/31153459/3377733

请参阅以下小提琴

http://jsfiddle.net/m0jjc23v/23/

Answer 1

Fabric.js不是为了处理这种情况而构建的。使用Matter JS http://brm.io/matter-js/

会更好

他们确实处理所有物理属性。