From af25d7ef0c512a315312f3d6eeccf2cba7c2e01e Mon Sep 17 00:00:00 2001 From: ShawnPhang Date: Mon, 11 Nov 2024 01:41:54 +0800 Subject: [PATCH] docs: update readme --- README.md | 118 ++++++++++++++---------------------------------------- 1 file changed, 30 insertions(+), 88 deletions(-) diff --git a/README.md b/README.md index 640aeb8..e3b37b9 100644 --- a/README.md +++ b/README.md @@ -80,135 +80,77 @@ npm run serve #### 基础设计功能 -1. 元素拖拽操作 +1. 元素拖拽放置操作，自由定位。 -> 允许用户将设计元素（如图片、文字、形状等）从工具栏或素材库拖拽到画布上，支持自由定位。 +2. 组合与拆分操作，多个元素组合成一个整体。 -2. 组合与拆分操作 +3. 缩放操作。 -> 允许用户将多个元素组合成一个整体，支持一键拆分组合元素。 +4. 对齐与分布，支持水平、垂直对齐以及多个元素的均匀分布。 -3. 缩放操作 +#### 文本功能 -> 用户可以通过拖拽或输入数值调整元素的大小，支持锁定比例缩放。 +1. 基础文字编辑，支持修改字体、字号、颜色、斜体、下划线加粗、间距行距、对齐方式等。 -4. 对齐与分布 +2. 基于 CSS 的文字高级特效，如阴影、描边、渐变等，支持组合使用，创造丰富多样的文字效果。 -> 提供对齐工具选项，支持水平、垂直对齐以及多个元素的均匀分布。 - -#### 文本编辑功能 - -1. 基础文字功能 - -> 支持修改字体、字号、颜色、斜体、下划线加粗、间距行距、对齐方式等 - -2. 基于CSS的文字特效 - -> 支持高级文字特效，如阴影、描边、渐变等，支持组合使用，创造丰富多样的文字效果。 - -3. 文字花字组合 - -> 支持花字效果与图片icon的自由组合组件，为用户的创意设计增添多样化选择。 +3. 花字组合，文字与图片icon的自由组合组件。 #### 图像处理功能 -1. 图片素材插入与替换 +1. 图片素材插入与替换，从本地或素材库插入图片。 -> 允许用户从本地或素材库插入图片，从图库中选择替换图片内容。 +2. 图片裁剪：支持圆角，或缩放裁剪显示区域以适应设计需求。 -2. 图片裁剪 +3. 图片蒙版/容器：可自定义容器填充图片，支持通过蒙版调整显示区域。 -> 支持图片圆角，支持缩放裁剪图片显示区域以适应设计需求。 - -3. 图片蒙版/容器 - -> 可自定义容器填充图片，支持通过蒙版调整图片的显示区域。 - -4. SVG素材编辑 - -> 允许用户编辑SVG的颜色、透明度等属性。 +4. SVG 素材编辑颜色、透明度等属性。 #### 画布与画板设置 -1. 自定义画布尺寸 +1. 自定义画布尺寸：支持拖动把手实时改变画布尺寸，内置尺寸预设。 -> 用户可以自由设置画布的尺寸，拖动把手实时改变画布尺寸，支持宽高比锁定，内置尺寸预设。 +2. 缩放功能：鼠标滚轮或点击进行画布的缩放。 -2. 缩放功能 +3. 画布颜色或背景图片修改：支持单色、或渐变色背景。 -> 用户可以使用鼠标滚轮或点击进行画布的缩放，方便查看细节。 +4. 前端水印。 -3. 画布颜色或背景图片修改 +5. 历史记录，撤销重做。 -> 支持修改单色、或渐变色背景。 - -4. 画布水印 - -> 支持在前端画布添加版权水印。 - -5. 历史记录 - -> 可对画布数据进行记录，撤销重做。 - -6. 多画板支持 - -> 提供多个画板功能，用户可以在同一项目中创建多个画板，方便多主题或超长文档设计。 +6. 多画板支持：可以在作品中创建多个画板。 #### 辅助功能 -1. PSD 解析 +1. PSD 解析：设计稿还原到网页，方便辅助创建模板。 -> 支持解析PSD设计稿还原到网页中，方便辅助创建模板。 +2. 画笔修补擦除抠图工具。 -2. 画笔修补擦除工具 +3. 吸附线对齐线。 -> 支持对抠背景图片进行擦除修补操作。 +4. 标尺和辅助引导线。 -3. 吸附对齐 - -> 支持元素对齐吸附，帮助用户辅助放置元素。 - -4. 标尺和辅助引导线 - -> 提供可拖动的辅助引导线、画布的标尺，帮助用户精准定位和对齐元素。 - -5. 漫游导航 - -> 支持以导航形式指引新手如何操作。 +5. 漫游导航：引导新手操作。 #### 快捷操作与交互 -1. 键盘快捷键 +1. 键盘快捷键：复制、粘贴、撤销、重做、成组等。 -> 支持常用操作的键盘快捷键，如复制、粘贴、撤销、重做、成组等。 - -2. 右键菜单操作 - -> 提供右键菜单，支持常见操作如复制、删除、层级调整等。 +2. 右键菜单：支持常见操作如复制、删除、层级调整等。 #### 二维码功能 -1. 二维码生成与编辑 +1. 二维码生成：支持自定义二维码的颜色、大小、样式。 -> 提供二维码生成功能，支持自定义二维码的颜色、大小、样式。 - -2. 二维码风格设置 - -> 支持单色二维码、渐变色二维码和自定义 logo 嵌入功能，提升二维码的个性化。 +2. 二维码风格设置：支持单色、渐变色和自定义 logo 嵌入功能等。 #### 图层与颜色工具 -1. 图层操作 +1. 图层操作：自由拖拽元素变更层级、锁定/解锁图层等。 -> 支持图层管理，用户可以自由拖拽元素变更层级、锁定/解锁图层等。 +2. 调色板与吸色器：内置取色工具，从电脑画面中吸取颜色。 -2. 调色板与吸色器 - -> 支持用户通过调色板选择颜色，内置吸色器工具，帮助用户从电脑画面中吸取颜色。 - -3. 渐变色支持 - -> 支持渐变色选择，可自由定制多个颜色节点、调整角度等，增强设计的丰富性。 +3. 渐变色支持：调色盘支持渐变色编辑，自由定制多个颜色节点、调整角度等。 ### 感谢