5. Fabric 设置画布大小
1. 设置宽度
canvas.setWidth(width)
2. 设置高度
canvas.setHeight(height)
3. 设置大小
canvas.setDimensions({
width,
height
})
4. 画布的缩放
canvas.on('mouse:wheel', (opt) => {
const delta = opt.e.deltaY // 滚轮，向上滚一下是 -100，向下滚一下是 100
let zoom = canvas.getZoom() // 获取画布当前缩放值
zoom *= 0.999 ** delta
if (zoom > 20) zoom = 20 // 限制最大缩放级别
if (zoom < 0.01) zoom = 0.01 // 限制最小缩放级别
// 以鼠标所在位置为原点缩放
canvas.zoomToPoint(
{
// 关键点
x: opt.e.offsetX,
y: opt.e.offsetY
},
zoom // 传入修改后的缩放级别
)
})