fabic.js 判定点击区域为空白

// 注册一个事件监听器,以便在用户点击 canvas 时执行一些操作
      canvas.on('mouse:down', function (options) {
        // 获取鼠标点击位置的坐标
        var pointer = canvas.getPointer(options.e)

        // 判定鼠标点击位置是否在 canvas 的范围内
        if (pointer.x > 0 && pointer.y > 0 && pointer.x < canvas.width && pointer.y < canvas.height) {
          // 判定鼠标点击位置是否为空白
          var isEmpty = true
          canvas.forEachObject(function (object) {
            if (object.containsPoint(pointer)) {
              isEmpty = false
            }
          })
          if (isEmpty) {
            console.log('点击区域为空白')
          } else {
            console.log('点击区域不为空白')
          }
        }
      })

你可能感兴趣的:(javascript,fabric)