<canvas id="c" width="500" height="500" style="border: 1px solid #ccc;"></canvas>
<script src="../js/fabric.js"></script>
<script>
  let canvas = new fabric.Canvas('c')
  // 矩形 - 亮粉色
  let rect = new fabric.Rect({
    left: 260,
    top: 110,
    width: 80,
    height: 60,
    fill: 'hotpink'
  })
  // 圓形 - 黃綠色
  let circle = new fabric.Circle({
    top: 200,
    left: 150,
    radius: 30,
    fill: 'yellowgreen'
  })
  // 三角形 - 天藍色
  let triangle = new fabric.Triangle({
    width: 100,
    height: 100,
    left: 300,
    top: 200,
    fill: 'skyblue'
  })
  // 將矩形、圓形、三角形添加到畫布中
  canvas.add(rect, circle, triangle)
  // 監(jiān)聽對象移動
  canvas.on('object:moving', function(options) {
    // 通過 canvas.forEachObject 遍歷畫布上所有元素
    canvas.forEachObject(function(obj) {
      // 排除當前正在移動的元素
      if (obj === options.target) return
      // 檢查對象是否與另一個對象相交
      if (options.target.intersectsWithObject(obj)) {
        // 輸出當前被接觸的對象類型
        console.log(obj.type)
      }
    })
  })
</script>

intersectsWithObject(other, absoluteopt, calculateopt)