mirror of
https://github.com/palxiao/poster-design.git
synced 2025-07-28 04:10:31 +08:00
code: change import
This commit is contained in:
parent
bb163015d0
commit
99cb5ec772
26
README.md
26
README.md
@ -12,13 +12,13 @@
|
|||||||
|
|
||||||
- 丝滑的操作体验,丰富的交互细节,基础功能完善
|
- 丝滑的操作体验,丰富的交互细节,基础功能完善
|
||||||
- 采用服务端生成图片,确保多端出图统一性,支持各种 CSS 特性
|
- 采用服务端生成图片,确保多端出图统一性,支持各种 CSS 特性
|
||||||
- 简易 AI 抠图工具,上传图片一键去除背景
|
- 支持将上传的 PSD 文件解析成模板,方便导入已有设计图
|
||||||
- 技术栈:Vue3 、Vite2 、Vuex 、ElementPlus
|
- 技术栈:Vue3 、Vite2 、Vuex 、ElementPlus
|
||||||
- 图片生成:Puppeteer、Express
|
- 图片生成:Puppeteer、Express
|
||||||
|
|
||||||
### 支持功能
|
### 支持功能
|
||||||
|
|
||||||
- 导入 PSD 文件解析成模板、在线导出图片下载
|
- 导入 PSD 设计稿,导出图片下载
|
||||||
- 元素拖拽、组合、缩放、层级调整、对齐等操作。
|
- 元素拖拽、组合、缩放、层级调整、对齐等操作。
|
||||||
- 图片素材插入、替换、裁剪,图片容器等功能。
|
- 图片素材插入、替换、裁剪,图片容器等功能。
|
||||||
- SVG 素材颜色、透明度编辑,文字花字组合。
|
- SVG 素材颜色、透明度编辑,文字花字组合。
|
||||||
@ -62,30 +62,24 @@ npm run serve
|
|||||||
|
|
||||||
### 打包
|
### 打包
|
||||||
|
|
||||||
| 前端页面 | 截图服务 |
|
| 前端页面 | 图片生成服务 |
|
||||||
| ----------------- | ------------------------------------- |
|
| ----------------- | ------------------------------------- |
|
||||||
| `npm run v-build` | `cd sreenshot` <br /> `npm run build` |
|
| `npm run v-build` | `cd sreenshot` <br /> `npm run build` |
|
||||||
|
|
||||||
### 截图服务
|
### 后端
|
||||||
|
|
||||||
|
根据你的具体场景自行实现,目前本项目中的所有服务端接口可参考:[接口 API 文档](https://xp.palxp.com/apidoc/index.html)。
|
||||||
|
|
||||||
|
### 图片生成服务
|
||||||
|
|
||||||
代码位于 [screenshots/](https://github.com/palxiao/poster-design/tree/main/screenshot) 目录下,查看[接口 API 文档](https://xp.palxp.com/apidoc/screenshot.html)。
|
代码位于 [screenshots/](https://github.com/palxiao/poster-design/tree/main/screenshot) 目录下,查看[接口 API 文档](https://xp.palxp.com/apidoc/screenshot.html)。
|
||||||
|
|
||||||
> 打包注意事项与服务器配置相关请进入该目录下查看 README 文件说明。
|
> 打包注意事项与服务器配置相关请进入该目录下查看 README 文件说明。
|
||||||
|
|
||||||
### 截图服务 Docker 部署
|
### Docker 容器部署
|
||||||
|
|
||||||
可以通过 Docker 运行一个带 Linux 浏览器的容器,[参考说明](https://xp.palxp.com/#/articles/1689319644311?id=docker%e5%ae%b9%e5%99%a8)。
|
可以通过 Docker 运行一个带 Linux 浏览器的容器,[参考说明](https://xp.palxp.com/#/articles/1689319644311?id=docker%e5%ae%b9%e5%99%a8)。
|
||||||
|
|
||||||
### 后端
|
|
||||||
|
|
||||||
根据你的具体场景自行实现,目前本项目中的所有后端接口可参考:[接口 API 文档](https://xp.palxp.com/apidoc/index.html)。
|
|
||||||
|
|
||||||
### 抠图服务部署
|
|
||||||
|
|
||||||
```
|
|
||||||
docker run -d -p 5000:5000 --restart always danielgatis/rembg s
|
|
||||||
```
|
|
||||||
|
|
||||||
### 感谢
|
### 感谢
|
||||||
|
|
||||||
本项目使用或参考了一些优秀开源项目,包括但不限于:
|
本项目使用或参考了一些优秀开源项目,包括但不限于:
|
||||||
@ -110,7 +104,7 @@ A:考虑到服务端的开发语言、数据库类型都可能不尽相同,
|
|||||||
|
|
||||||
项目最早使用 Vue2 开发,后改用 Vue3 重构,所以有部分代码混合了 Options 写法。
|
项目最早使用 Vue2 开发,后改用 Vue3 重构,所以有部分代码混合了 Options 写法。
|
||||||
|
|
||||||
或许你在工作中有类似的研发需求,或者对开发编辑器感兴趣,希望这个项目能给到你一些微薄帮助!
|
或许你在工作中有这类需求,这个项目能给到你一些微薄帮助的话,那就再好不过了!
|
||||||
|
|
||||||
目前本项目也还在不断迭代中,有很多的不足之处,我也是一边学习一边成长。开源不易,希望看到这里的你可以给本项目点个 **Star** 支持一下~ 感谢!
|
目前本项目也还在不断迭代中,有很多的不足之处,我也是一边学习一边成长。开源不易,希望看到这里的你可以给本项目点个 **Star** 支持一下~ 感谢!
|
||||||
|
|
||||||
|
@ -22,8 +22,7 @@ import { useStore } from 'vuex'
|
|||||||
// import { debounce } from 'throttle-debounce'
|
// import { debounce } from 'throttle-debounce'
|
||||||
// import { toolTip } from '@/common/methods/helper'
|
// import { toolTip } from '@/common/methods/helper'
|
||||||
// import colorPicker from '@/utils/plugins/color-picker/index.vue'
|
// import colorPicker from '@/utils/plugins/color-picker/index.vue'
|
||||||
// import colorPicker from '@palxp/color-picker'
|
import colorPicker from '@palxp/color-picker'
|
||||||
import colorPicker from '@palxp/color-picker/index.vue'
|
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
name: NAME,
|
name: NAME,
|
||||||
|
Loading…
x
Reference in New Issue
Block a user