Merge pull request #34 from LHRUN/dev

1.3.0

.eslintrc.cjs

@@ -24,7 +24,8 @@ module.exports = {
     'arrow-body-style': 'off',
     'prefer-arrow-callback': 'off',
     'react/no-unknown-property': ['error', { ignore: ['t', 'p-id'] }],
-    '@typescript-eslint/no-explicit-any': 'off'
+    '@typescript-eslint/no-explicit-any': 'off',
+    'no-async-promise-executor': 'off'
   },
   settings: {
     react: {

CHANGELOG.md

@@ -1,3 +1,26 @@
+# 1.3.0
+
+### Feat
+
+- Drawing
+  - Provides a variety of common shapes drawing, support for multiple endpoints line segments and arrows, and support for the configuration of the border and fill styles.
+  - Added Google AutoDraw feature to Basic Drawing.
+- Font
+  - Supports font drawing by double-clicking.
+  - Add font style configuration.
+- Board
+  - The drawing board supports customized width and height configurations.
+  - Added Guide Line drawing feature.
+- Optimisation
+  - All fonts support i18n.
+  - All inputs can now display content in real time.
+  - Adjusting Tool Panel Styles.
+
+### Fix
+
+- Fix zoom progress component initialization error.
+- Fix the error of initializing the display of the background color of the drawing board.
+
 # 1.2.1
 
 ### Fix

README.md

@@ -38,19 +38,24 @@ Link: [https://songlh.top/paint-board/](https://songlh.top/paint-board/)
 
 ## Completed Features:
 + Drawing Mode
-  - Provides 12 different styles of brushes, including Basic Brush, Rainbow Brush, Multi-Shape Brush, Multi-Material Brush, Pixel Brush, Multi-Color Brush, Text Brush, Multi-Line Connection Brush, Reticulate Brush, Multi-Point Connection Brush, Wiggle Brush, Thorn Brush. Satisfy the diversified drawing.
-  - All brushes support color and brush width configuration, in addition to multi-shape, multi-material, multi-color and other brushes support custom configuration.
+  - FreeStyle
+    - Provides 12 different styles of brushes, including Basic Brush, Rainbow Brush, Multi-Shape Brush, Multi-Material Brush, Pixel Brush, Multi-Color Brush, Text Brush, Multi-Line Connection Brush, Reticulate Brush, Multi-Point Connection Brush, Wiggle Brush, Thorn Brush. Satisfy the diversified drawing.
+    - All brushes support color and brush width configuration, in addition to multi-shape, multi-material, multi-color and other brushes support custom configuration.
+  - ShapeDraw
+    - A variety of common shapes are provided for drawing, with support for multi-point segments and arrows. The shapes support border and fill styles.
 + Eraser Mode
   - Eraser mode linearly erases all content and supports linear width configuration.
 + Select Mode
   - In the selection mode, you can frame the drawing content by clicking on it. The click handle supports dragging, zooming and rotating operations, providing flexible editing.
   - Selecting images supports multiple filter configurations.
-  - Support for font settings when selecting text.
+  - Supports font and style settings when selecting text.
   - Layer settings are supported for all drawings, including Move Layer Up, Move Layer Down, Move to Top, and Move to Bottom.
   - All drawings support transparency configurations.
 + Drawing Board Configuration
   - Drawing board support for configuring background color and transparency configurations.
+  - The drawing board supports customized width and height configurations.
   - Supports painting caching, enabling caching will improve painting performance in the presence of large amounts of painted content, while disabling caching will improve canvas sharpness.
+  - Added Guide Line drawing feature.
 + Multifunction Menu
   - The bottom left button shows the current zoom ratio in real time, click it to reset the zoom ratio.
   - The list of buttons in the center, in order from left to right, are: Undo, Redo, Copy Current Selection, Delete Current Selection, Draw Text, Upload Image, Clear Drawing, Save as Image, and Open File List.
@@ -61,14 +66,13 @@ Link: [https://songlh.top/paint-board/](https://songlh.top/paint-board/)
   - Mobile:
     - Supports dragging and zooming the canvas after a two-finger press.
 + Multifile Configuration
-  - Support multiple canvas switching, each canvas can be customized title, add, delete, and provide upload and download
+  - Support multiple canvas switching, each canvas can be customized title, add, delete, and provide upload and download.
 + i18n
-  - Currently support English, Chinese language display
+  - Currently support English, Chinese language display.
 
-## Pending Features:
+## Future Plans
 + Multi-platform authentication login and data synchronization
-+ Drawing of common shapes
-+ AI Drawing
++ AI Enhanced Drawing
 
 ## V1.0.0 Video Demo
 
@@ -101,8 +105,18 @@ If you have any suggestions or good ideas, welcome to contact me at any time!
 
 + Email: [email protected]
 + Telegram: https://t.me/longhao_song
++ Twiter: https://twitter.com/Song_LongHao
 + WeChat:
-  - <img style="width: 300px" src="https://raw.githubusercontent.com/LHRUN/file-store/main/paint-board/wechat.JPG" alt="wechat"/>
+  - <img style="width: 300px" src="https://raw.githubusercontent.com/LHRUN/file-store/main/paint-board/IMG_1449.jpeg" alt="wechat"/>
+
+### Buy the author a coffee.
+
+👋 If you think my project is cool and want to support my development work, feel free to buy me a cup of coffee with Alipay or WeChat ~
+
+<div>
+  <img style="width: 300px" src="https://raw.githubusercontent.com/LHRUN/file-store/main/paint-board/IMG_1446.jpeg" alt="wechat"/>
+  <img style="width: 300px" src="https://raw.githubusercontent.com/LHRUN/file-store/main/paint-board/IMG_1447.jpeg" alt="wechat"/>
+</div>
 
 ## Contributing
 

README.zh.md

@@ -34,37 +34,41 @@ Link: [https://songlh.top/paint-board/](https://songlh.top/paint-board/)
 
 ## 已完成功能
 + 绘画模式
-  - 提供了 12 种不同风格的画笔，包括基本画笔，彩虹画笔，多形状画笔，多素材画笔，像素画笔，多色画笔，文字画笔，多线连接画笔，网状画笔，多点连接画笔，波浪曲线画笔，荆棘画笔。以满足多样化的绘画需求。
-  - 所有画笔均支持颜色和画笔宽度的配置，另外多形状、多素材、多色等画笔支持定制化配置。
+  - 自由绘画
+    - 提供了 12 种不同风格的画笔，包括基本画笔，彩虹画笔，多形状画笔，多素材画笔，像素画笔，多色画笔，文字画笔，多线连接画笔，网状画笔，多点连接画笔，波浪曲线画笔，荆棘画笔。以满足多样化的绘画需求。
+    - 所有画笔均支持颜色和画笔宽度的配置，另外多形状、多素材、多色等画笔支持定制化配置。
+  - 形状绘制
+    - 提供了多种常见形状的绘制,并支持多端点线段以及箭头,并且这些形状均支持边框和填充的样式配置。
 + 橡皮擦模式
-  - 橡皮擦模式可线性擦除所有内容，并支持线性宽度配置
+  - 橡皮擦模式可线性擦除所有内容，并支持线性宽度配置。
 + 选择模式
   - 在选择模式下，可以通过点击绘画内容进行框选。点击手柄支持拖拽、缩放和旋转操作，提供灵活的编辑方式。
   - 选择图片支持多种滤镜配置。
-  - 选择文字时，支持字体设置
-  - 所有绘制内容均支持图层设置，包括向上移动层级、向下移动层级、移动至顶层和移动至底层
-  - 所有绘制内容支持透明度配置
+  - 选择文字时，支持字体和样式设置。
+  - 所有绘制内容均支持图层设置，包括向上移动层级、向下移动层级、移动至顶层和移动至底层。
+  - 所有绘制内容支持透明度配置。
 + 画板配置
-  - 画板支持配置背景颜色和透明度配置
-  - 支持绘画缓存，在存在大量绘制内容的情况下，启用缓存将提高绘制性能，而禁用缓存则会提升画布清晰度
+  - 画板支持配置背景颜色和透明度配置。
+  - 画板支持自定义宽高配置。
+  - 支持绘画缓存，在存在大量绘制内容的情况下，启用缓存将提高绘制性能，而禁用缓存则会提升画布清晰度。
+  - 新增辅助线绘制功能。
 + 多功能菜单
-  - 左下角按钮实时显示当前缩放比例，点击即可重置缩放比例
-  - 中间按钮列表按从左到右的功能分别为：撤销、反撤销、复制当前选择内容、删除当前选择内容、绘制文字、上传图片、清除绘制内容、保存为图片、打开文件列表
+  - 左下角按钮实时显示当前缩放比例，点击即可重置缩放比例。
+  - 中间按钮列表按从左到右的功能分别为：撤销、反撤销、复制当前选择内容、删除当前选择内容、绘制文字、上传图片、清除绘制内容、保存为图片、打开文件列表。
   - 电脑端：
-    - 按住 Space 键并点击鼠标左键可移动画布，滚动鼠标滚轮实现画布缩放
-    - 按住 Backspace 键可删除已选内容
-    - 同时按住 Ctrl 键 + V 键可粘贴剪贴板图片
+    - 按住 Space 键并点击鼠标左键可移动画布，滚动鼠标滚轮实现画布缩放。
+    - 按住 Backspace 键可删除已选内容。
+    - 同时按住 Ctrl 键 + V 键可粘贴剪贴板图片。
   - 移动端：
-    - 支持双指按压后拖拽和缩放画布
+    - 支持双指按压后拖拽和缩放画布。
 + 多文件配置
-  - 支持多个画布切换，每个画布可自定义标题、增加、删除，并提供上传和下载功能
+  - 支持多个画布切换，每个画布可自定义标题、增加、删除，并提供上传和下载功能。
 + 国际化
-  - 目前支持中文，英文两种语言展示
+  - 目前支持中文，英文两种语言展示。
 
-## 待完成功能
-+ 多平台认证登录，数据同步
-+ 常用图形的绘制
-+ AI 绘制
+## 未来计划
++ 多平台认证登录，数据同步。
++ AI 增强绘制。
 
 ## V1.0.0 视频演示
 
@@ -97,8 +101,19 @@ docker run -d -p 8080:80 --name paint-board paint-board
 
 + Email: [email protected]
 + Telegram: https://t.me/longhao_song
++ Twiter: https://twitter.com/Song_LongHao
 + 微信：
-  - <img style="width: 300px" src="https://raw.githubusercontent.com/LHRUN/file-store/main/paint-board/wechat.JPG" alt="wechat"/>
+  - <img style="width: 300px" src="https://raw.githubusercontent.com/LHRUN/file-store/main/paint-board/IMG_1449.jpeg" alt="wechat"/>
+
+### 请作者喝杯咖啡
+
+👋 如果你觉得我的项目很酷，想要支持一下我的开发工作，欢迎用支付宝或微信请我喝一杯咖啡~
+
+<div>
+  <img style="width: 300px" src="https://raw.githubusercontent.com/LHRUN/file-store/main/paint-board/IMG_1446.jpeg" alt="wechat"/>
+  <img style="width: 300px" src="https://raw.githubusercontent.com/LHRUN/file-store/main/paint-board/IMG_1447.jpeg" alt="wechat"/>
+</div>
+
 
 ## 贡献
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "paint-board",
   "private": true,
-  "version": "1.2.1",
+  "version": "1.3.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,6 +12,7 @@
     "lint:style": "stylelint --fix \"src/**/*.css\""
   },
   "dependencies": {
+    "axios": "^1.6.5",
     "daisyui": "^2.46.1",
     "fabric": "^5.3.0",
     "i18next": "^22.4.9",