# jvs-draw **Repository Path**: software-minister/jvs-draw ## Basic Information - **Project Name**: jvs-draw - **Description**: 现在通用的在线画图工具很少有VUE的技术栈的,所以我们做了一个VUE3的白板插件 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: https://bctools.cn/ - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2026-03-27 - **Last Updated**: 2026-04-14 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # JVS-Draw 这是一个基于 Vue 3 + TypeScript + Vite 构建的 **jvs-draw** 插件项目,我们做这个项目的主要目的是希望通过不断的迭代实现通过AI画图,描述自然语言得到想要的图。 体验地址:https://draw.bctools.cn ![输入图片说明](image.png) ## 项目特点 - **快速集成**:演示了如何在 Vue 3 项目中通过 Pinia 和 Element Plus 引入 `jvs-draw`。 - **功能示例**:包含一个完整的 `DrawExample.vue` 组件,展示了: - 画布数据的获取与设置 (`getCanvasData`, `setCanvasData`)。 - 编辑模式与只读模式的动态切换。 - 自定义图片上传逻辑的配置。 - **全屏适配**:优化了布局,确保白板区域能够完美填充浏览器视口。 ## 快速开始 ### 1. 安装依赖 ```bash npm install ``` ### 2. 启动开发服务器 ```bash npm run dev ``` 项目默认运行在 `http://localhost:5173`。 ## 核心配置说明 ### 全局引入 (main.ts) 项目在 `main.ts` 中完成了以下关键配置: - 注册 `Pinia` 状态管理(组件强依赖)。 - 引入 `Element Plus` 样式及组件。 - 引入 `remixicon` 图标库及 `jvs-picker-color-v3` 样式。 - 引入 `jvs-draw/jvs-draw.css` 核心样式。 ### 静态资源 (index.html) 由于组件使用了 SVG 多色图标,需在 `index.html` 中引入对应的 `iconfont.js`。本项目已将相关资源放置在 `public/jvs-ui-public` 目录下。 ## 许可证 本项目遵循 MIT 协议。 我们除了提供本项目,相关的项目演示地址如下: - 管理平台(含管理平台):https://frame.bctools.cn/ - 低代码开发平台:https://app.bctools.cn/ - 数据智仓(数据分析平台):http://bi.bctools.cn/ - 企业文档:http://knowledge.bctools.cn/ - 企业计划(项目管理):http://teamwork.bctools.cn/ - 企业邮筒(Web邮箱客户端):http://mailbox.bctools.cn/ - 规则引擎:http://rules.bctools.cn/ - 逻辑引擎:http://logic.bctools.cn/ - 视频会议:http://meeting.bctools.cn/ - APS(智能排产):https://aps.bctools.cn/ - APS套件:https://ai.bctools.cn/ - 智能调度:https://rss.bctools.cn 试用账号:微信扫码即可登陆,如需要账号密码试用,请二维码联系我们 技术交流与商务支持 ![输入图片说明](public/img/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20260414153538_270_235.png) 联系商务 ![输入图片说明](public/img/2024-11-191043518578273193984-image.png) 官网:http://www.bctools.cn/ 邮箱:13983607003@139.com 微信:ruanjbz