# 元素禁止事件
# 禁止事件类型
- evented 禁止点击事件
- lockMovementX 禁止x轴移动
- lockMovementY 禁止y轴移动
- lockRotation 禁止旋转
- lockScalingX 禁止水平缩放
- lockScalingY 禁止垂直缩放
- selectable 禁止选中
# 部分元素禁止所有事件
TIP
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)
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
# 所有元素禁止所有事件
TIP
fabric.StaticCanvas 创建一个不可操作的画布