LayoutDesigner(svg editor)

基于 vue3.0 开发的，可以自定义拖入的图形，实现拖拽绘制设备layout, 基于（ https://github.com/yaolunmao/vue-webtopo-svgeditor.git ） 改的。

预览地址

http://layout.rongkun.site:3000/

预览效果

相关操作

• 鼠标左键选中组件 按住可拖动至画布
• 鼠标双击画布取消选中组件
• 右侧工具栏调整选中组件样式
• 键盘↑↓←→可移动选中组件
• ctrl+c复制当前选中组件
• deleted删除当前选中组件
• 鼠标滚轮放大缩小选中组件

相关依赖

• "@ant-design/icons-vue": "^6.0.1"
• "ant-design-vue": "^2.0.0-rc.7"
• "axios": "^0.21.1"
• "core-js": "^3.6.5"
• "vue": "^3.0.0"
• "vue-router": "^4.0.4"