coosld/mind-map
1
0
Fork 0
mirror of https://github.com/wanglin2/mind-map.git synced 2026-02-21 10:27:44 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix：修复画布距浏览器窗口左上角不为0时鼠标缩放时不以鼠标为中心的问题

Browse Source
This commit is contained in:
wanglin2 2023-08-18 10:33:52 +08:00
parent 12265be7d4
commit 3757622521
2 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
simple-mind-map/src/core/view/View.js
View File

@ -78,8 +78,9 @@ class View {
// 鼠标滚轮事件控制缩放
if (mousewheelAction === CONSTANTS.MOUSE_WHEEL_ACTION.ZOOM) {
if (disableMouseWheelZoom) return
let cx = mouseScaleCenterUseMousePosition ? e.clientX : undefined
let cy = mouseScaleCenterUseMousePosition ? e.clientY : undefined
const { x: clientX, y: clientY } = this.mindMap.toPos(e.clientX, e.clientY)
let cx = mouseScaleCenterUseMousePosition ? clientX : undefined
let cy = mouseScaleCenterUseMousePosition ? clientY : undefined
switch (dir) {
// 鼠标滚轮，向上和向左，都是缩小
case CONSTANTS.DIR.UP:

19
web/src/pages/Edit/components/Edit.vue
View File

@ -303,7 +303,24 @@ export default {
// })
// comp.$mount(el)
// return comp.$el
// }
// },
// 示例3：普通元素
// customCreateNodeContent: (node) => {
// let el = document.createElement('div')
// el.style.cssText = `
// width: 203px;
// height: 78px;
// opacity: 0.8;
// background-image: linear-gradient(0deg, rgba(53,130,172,0.06) 0%, rgba(24,75,116,0.06) 100%);
// box-shadow: inset 0 1px 15px 0 rgba(119,196,255,0.40);
// border-radius: 2px;
// display: flex;
// justify-content: center;
// align-items: center;
// `
// el.innerHTML = node.nodeData.data.text
// return el
// },
})
if (this.openNodeRichText) this.addRichTextPlugin()
this.mindMap.keyCommand.addShortcut('Control+s', () => {