1 文件

文件：文件的新建、打开、导入、保存、另存为、下载JOSN文件、下载ZIP打包文件、导出为HTML、导出为Vue2组件、导出为Vue3组件、导出为React组件（老版将不再维护）、下载为PNG、下载为SVG

乐吾乐2D可视化组态编辑器demo：https://2d.le5le.com/  

1.1 设置文件名、文件夹名、分类

属性面板的文件夹即图形库图纸文件夹

1.2 文件下载

1.2.1 下载JSON文件

1. 文件结构

• 文件名.json meta2d能识别的json格式文件

1.2.2 下载zip打包文件

1. 文件结构

• 文件名.json
• png/ 图纸中的图片资源
• img/ 图纸中的图片资源

1.2.3 导出为HTML

1. 文件结构

• img/ 图纸中的图片资源
• js/ index是入口js文件，meta2d是核心库，marked是markdown资源包,lcjs是LightningCharts资源包
• png/ 图纸中的图片资源
• data.json 画布json数据
• favicon.ico 图标
• index.css 样式文件
• index.html 主页面
• 使用说明.pdf 运行参考此文件

1.2.4 导出为vue2组件

1. 文件结构

• img/
• js/
• png/
• vue2/ vue2页面文件
• data.json
• index.html
• 使用说明.md 运行参考此文件

1.2.5 导出为vue3组件

1. 文件结构

• img/
• js/
• png/
• vue3/ vue3页面文件
• data.json
• index.html
• 使用说明.md 运行参考此文件

1.2.6 导出为React组件

1. 文件结构

• img/
• js/
• png/
• react/ react页面文件
• data.json
• index.html
• 使用说明.md 运行参考此文件

1.2.7 下载为png

1. 文件结构

• 文件名.png

视频图元、iframe图元无法解析。

1.2.8 下载为svg

1. 文件结构

• 文件名.png

使用的是canvas2svg库，视频图元、iframe图元无法解析。