Merge pull request #44 from LHRUN/dev

Feature/1.5.0

CHANGELOG.md

@@ -1,3 +1,11 @@
+# 1.5.0
+
+### Feat
+
+- save as image supports custom configurations. Rotate, Scale, Crop
+- add transformers.js
+- support removing background for uploading images (browser needs to support WebGPU)
+
 # 1.4.1
 
 ### Feat

README.md

@@ -59,6 +59,8 @@ Link: [https://songlh.top/paint-board/](https://songlh.top/paint-board/)
 + 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.
+    - Support removing background for uploading images (browser needs to support WebGPU)
+    - Save as image supports custom configurations. Rotate, Scale, Crop
   - PC:
     - Hold down the Space key and click the left mouse button to move the canvas, scroll the mouse wheel to zoom the canvas.
     - Press and hold the Backspace key to delete the selection.

README.zh.md

@@ -54,7 +54,9 @@ Link: [https://songlh.top/paint-board/](https://songlh.top/paint-board/)
   - 新增辅助线绘制功能。
 + 多功能菜单
   - 左下角按钮实时显示当前缩放比例，点击即可重置缩放比例。
-  - 中间按钮列表按从左到右的功能分别为：撤销、反撤销、复制当前选择内容、删除当前选择内容、绘制文字、上传图片、清除绘制内容、保存为图片、打开文件列表。
+  - 中间按钮列表按从左到右的功能分别为：撤销、反撤销、复制当前选择内容、删除当前选择内容、绘制文字、上传图片、清除绘制内容、保存为图片、打开文件列表。  
+    - 上传图片支持去除背景(浏览器需支持WebGPU)
+    - 保存为图片支持自定义配置. 旋转, 缩放, 裁切
   - 电脑端：
     - 按住 Space 键并点击鼠标左键可移动画布，滚动鼠标滚轮实现画布缩放。
     - 按住 Backspace 键可删除已选内容。

package.json

@@ -1,7 +1,7 @@
 {
   "name": "paint-board",
   "private": true,
-  "version": "1.4.1",
+  "version": "1.5.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,6 +12,7 @@
     "lint:style": "stylelint --fix \"src/**/*.css\""
   },
   "dependencies": {
+    "@huggingface/transformers": "^3.0.0",
     "daisyui": "^2.46.1",
     "fabric": "^5.3.0",
     "i18next": "^22.4.9",
@@ -22,6 +23,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^12.1.5",
+    "react-image-crop": "^11.0.7",
     "swiper": "^11.0.5",
     "uuid": "^9.0.1",
     "zustand": "^4.4.7"