# 土豆猫图形编辑器-社区版

**Repository Path**: wangscript/lgxmap_community

## Basic Information

- **Project Name**: 土豆猫图形编辑器-社区版
- **Description**: 作者本人从0撸出来的一个基于H5 canvas使用JS编写的网页版矢量图形编辑器，支持矩形、椭圆等所有基本图元的绘制，支持自由定义模具，性能高，单图最高支持10W级基本图元。前端框架使用VUE3.0，后端使用spring boot框架。
社区版只支持类似viso的作图功能。
专业版和社区版基于相同的内核，扩展了更多高级功能。网站地址：https://fanghuatech.cn
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 4
- **Created**: 2024-06-23
- **Last Updated**: 2024-06-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 土豆猫图形编辑器-社区版

土豆猫图形编辑器-社区版 介绍
作者本人从0撸出来的一个基于H5 canvas使用JS编写的网页版矢量图形编辑器，支持矩形、椭圆等所有基本图元的绘制，支持自由定义模具，性能高，单图最高支持10W级基本图元。前端框架使用VUE3.0，后端使用spring boot框架。
社区版只支持类似viso的作图功能。
专业版和社区版基于相同的内核，扩展了更多高级功能。网站地址：https://fanghuatech.cn

一 软件架构
本编辑器前后端分离，前端使用vue3.0+elemen-plus，语言使用javascript;后端spring boot，语言为java。实现逻辑全部在前端，后端只做简单的数据存储和用户登录认证。


二 安装教程

1.  安装node.js，本人使用版本v21.1.0
2.  安装vue,本人使用版本：vue@2.7.16
3.  安装vue脚手架，本人使用版本：vue/cli@5.0.8
4、安装配置java8开发环境，编辑推荐使用idea

三 使用说明

1.  克隆源代码
2.  进入前端代码子目录/web,运行命令：npm install,下载安装所有依赖库：
3.  使用lgx.sql初始化后端数据库。数据库为mysql
4.  使用idea打开子目录server下后端代码，配置数据库和端口。前端默认连接的后端端口为（18080）
5、 在前端子目录web下进入命令行窗口，运行：npm run serve

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)