diff --git a/src/component/modules/generalMiniCanvas.vue b/src/component/modules/generalMiniCanvas.vue index 4a368bdb..71df1ee3 100644 --- a/src/component/modules/generalMiniCanvas.vue +++ b/src/component/modules/generalMiniCanvas.vue @@ -167,24 +167,24 @@ export default defineComponent({ updateCanvasState('mouseUp') } }); - // canvas.on('mouse:wheel', opt => { + 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 - // // console.log(zoom); - // canvas.zoomToPoint( - // { // 关键点 - // x: opt.e.offsetX, - // y: opt.e.offsetY - // }, - // zoom - // ) - // opt.e.preventDefault() - // opt.e.stopPropagation() - // }) + 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 + // console.log(zoom); + canvas.zoomToPoint( + { // 关键点 + x: opt.e.offsetX, + y: opt.e.offsetY + }, + zoom + ) + opt.e.preventDefault() + opt.e.stopPropagation() + }) //画布上移动 document.addEventListener('mousemove', mouseMove); diff --git a/src/component/modules/liquefaction.vue b/src/component/modules/liquefaction.vue index bad768ef..854d568c 100644 --- a/src/component/modules/liquefaction.vue +++ b/src/component/modules/liquefaction.vue @@ -42,8 +42,8 @@