【乐吾乐2D可视化组态编辑器】文件

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图元无法解析。

相关推荐
Lee川18 分钟前
从零构建现代化登录界面:React + Tailwind CSS 前端工程实践
前端·react.js
Awu122718 分钟前
⚡精通 Claude 第 1 课:掌握 Slash Commands
前端·人工智能·ai编程
竹林81819 分钟前
从ethers.js迁移到Viem:我在重构DeFi前端时踩过的那些坑
前端·javascript
前进的李工21 分钟前
MySQL大小写规则与存储引擎详解
开发语言·数据库·sql·mysql·存储引擎
码云之上23 分钟前
上下文工程实战:解决多轮对话中的"上下文腐烂"问题
前端·node.js·agent
小小弯_Shelby25 分钟前
webpack优化:Vue配置compression-webpack-plugin实现gzip压缩
前端·vue.js·webpack
小村儿31 分钟前
连载04-CLAUDE.md ---一起吃透 Claude Code,告别 AI coding 迷茫
前端·后端·ai编程
攀登的牵牛花39 分钟前
我把 Gemma4:26b 装进 M1 Pro 后,才看清 AI 编程最贵的不是模型费,而是工作流
前端·agent
错把套路当深情39 分钟前
Java 全方向开发技术栈指南
java·开发语言
前端郭德纲39 分钟前
JavaScript Object.freeze() 详解
开发语言·javascript·ecmascript