检测织物的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/

它们处理所有的物理属性。