话不多说 直接贴代码
一、实现鼠标滚轮缩放画布
// 可以实现鼠标滚轮缩放 最小为原来的百分之一，最大为原来的20倍canvas.on('mouse:wheel', function (opt) {var delta = opt.e.deltaYvar zoom = canvas.getZoom()zoom *= 0.999 ** deltaif (zoom > 20) zoom = 20if (zoom < 0.01) zoom = 0.01this.setZoom(zoom)opt.e.preventDefault()opt.e.stopPropagation()})使用说明，我的canvas画布定义为 canvas，替他均不用额外设置变量。canvas = new fabric.Canvas('editorCanvas', {...
二、实现鼠标按下变抓手，并可移动画布中内容
// 鼠标按下事件canvas.on('mouse:down', function (e) {this.panning = truecanvas.selection = false})// 鼠标抬起事件canvas.on('mouse:up', function (e) {this.panning = falsecanvas.selection = true})// 移动画布事件canvas.on('mouse:move', function (e) {if (this.panning && e && e.e) {var delta = new fabric.Point(e.e.movementX, e.e.movementY)canvas.relativePan(delta)}})使用说明：data中定义panning: false,用来标记鼠标按下状态（是否鼠标按下）。
原理，通过偏移量
