# 背景图
# 创建
canvas.setBackgroundImage(image, callback, options)
# show code
canvas.setBackgroundImage(catImg, canvas.renderAll.bind(canvas), {
scaleX: 1,
scaleY: 1,
left: 0,
top: 0,
angle: 12,
})
1
2
3
4
5
6
7
2
3
4
5
6
7
# 重复背景图
canvas.setBackgroundColor({source: imgsrc, repeat: 'repeat'}, callback)
# show code
canvas.setBackgroundColor(
{
source: cat2Img,
repeat: 'repeat',
},
canvas.renderAll.bind(canvas)
)
1
2
3
4
5
6
7
2
3
4
5
6
7
# 重叠影像
一张图覆盖在元素上
canvas.setOverlayImage(image, callback, options)
# show code
canvas.setOverlayImage(catImg, canvas.renderAll.bind(canvas), {
scaleX: 1,
scaleY: 1,
left: 0,
top: 0,
angle: 45,
})
let circle = new fabric.Circle({
radius: 50, // 半径
left: 50,
top: 20,
fill: '#f00',
strokeWidth: 10,
stroke: '#0f0',
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16