# canvas_poster_creator

**Repository Path**: ElegantDevil/canvas_poster_creator

## Basic Information

- **Project Name**: canvas_poster_creator
- **Description**: 1. 基于canvas，根据手动配置数据渲染出海报图片;
2.基于鼠标在设计图海报上移动，获取每个元素应该在的坐标，便于生成配置。

- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-05-07
- **Last Updated**: 2024-12-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### 生成海报操作
- 选择要绘制的元素Shape（文本、长文本、图片、矩形、直线、头像。。。）
- 编辑Shape的各个属性（坐标、内容、颜色、字体、图片路径。。。）
- 点击追加配置：将编辑好的Shape的属性到Shape配置列表里
- 点击预览：重新绘制Shape配置列表里的所有图形
- 点击保存：生成图片海报，并下载到本地
- 点击录屏：开始以视频流blob的方式记录canvas绘制过程

#### 项目部署优化
- 新增rollup-plugin-build.js打包插件，用于处理项目打包完成后，自动发布到Vercel平台


#### Jenkins自动部署相关
- https://www.hangge.com/blog/cache/detail_1057.html
- https://www.jb51.net/html5/670236.html
- https://blog.csdn.net/weixin_34322238/article/details/112197459?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242

#### 页面布局/功能划分
+++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+                                                     +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++