vue2 手写思维导图编辑器,支持图片和节点拖拽(1)
效果图:
支持图片粘贴和布局重新计算
可拖拽:
代码结构
DigitalXmindDialog.vue //弹框 VueXmind// 脑图编辑器 index.vue //主体编辑器 XmindNode.vue // 节点文件 XmindSvgLine.vue // 脑图底部的svg 线段绘画板 NodeAttributes.vue // 右侧主题设置模块 XmindStyleMixins // 样式设置逻辑 XmindDateSaveMixins // 数据保存逻辑 KeyboardShortcutMixins // 快捷键逻辑 import { executeXmindNodePosition, CalculateDragUtil, selectNodeByTreeNode, } from './util' // 位置计算逻辑