元素禁止事件

禁止事件类型

  • evented 禁止点击事件
  • lockMovementX 禁止x轴移动
  • lockMovementY 禁止y轴移动
  • lockRotation 禁止旋转
  • lockScalingX 禁止水平缩放
  • lockScalingY 禁止垂直缩放
  • selectable 禁止选中

部分元素禁止所有事件

提示

canvas.selection = false
evented: false

show code

canvas.selection = false // 不框选

const draw = (canvas) => {
  let rect = new fabric.Rect({
    width: 80,
    height: 100,
    left: 10,
    top: 60,
    fill: 'rgba(255,0,0,0.4)',
    evented: false, // 无事件
  })

  const text = new fabric.Text('我不能点击选中，但是画布可以缩放哦', {
    fill: '#000',
    left: 10,
    top: 20,
    fontSize: 16,
    fontWeight: 'bold',
    evented: false, // 无事件
  })
  canvas.add(rect, text)
}

所有元素禁止所有事件

提示

fabric.StaticCanvas 创建一个不可操作的画布

show code