From d1d747c0155fe1feb84aa168ff6775adeb1b3026 Mon Sep 17 00:00:00 2001 From: Dituon <68615161+Dituon@users.noreply.github.com> Date: Fri, 27 Oct 2023 00:48:08 +0900 Subject: [PATCH] Update README.md --- README.md | 46 ++++++++++++++++++++++++++++------------------ 1 file changed, 28 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index a002c234..274a7ddd 100644 --- a/README.md +++ b/README.md @@ -14,9 +14,11 @@ 原生 java 编写, kotlin仅用于数据序列化, **使用底层API**, **多线程优化**: 轻量, 高性能, 易拓展 +- **[在线编辑器](https://dituon.github.io/petpet-js/editor)** + - **[JS 前端版本](https://github.com/Dituon/petpet-js)** -- **[在线编辑器](https://dituon.github.io/petpet-js/editor)** +- **[在线体验](https://dituon.github.io/petpet-js)** ## 使用方法 @@ -344,23 +346,24 @@ } ``` -| **属性** | **类型** | **注释** | **默认值** | -|-----------------|---------|-----------------------------|---------| -| **type** | 头像类型枚举 | 见下文, 例如`FROM`或`TO` | 必须 | -| **pos** | 坐标数组 | 头像的坐标信息 | 必须 | -| **posType** | 坐标格式枚举 | 坐标格式枚举, `ZOOM`或`DEFORM` | `ZOOM` | -| **round** | 布尔值 | 头像是否裁切为圆形 | `false` | -| **avatarOnTop** | 布尔值 | 头像图层是否在背景之上 | `true` | -| **angle** | 整数 | 头像的初始角度 | `0` | -| **opacity** | 浮点数 | 头像的不透明度 | `1.0` | -| **rotate** | 布尔值 | GIF类型的头像是否旋转 | `false` | -| **fit** | 填充模式枚举 | 填充模式枚举, 可以是`CONTAIN`或`FILL` | `FILL` | -| **crop** | 裁切坐标数组 | 头像裁切坐标信息 | `null` | -| **cropType** | 裁切格式枚举 | 见下文 | `NONE` | -| **style** | 风格化枚举数组 | 风格化枚举数组, 见下文 | `[]` | -| **filter** | 滤镜对象数组 | 滤镜数组, 见下文 | `[]` | -| **antialias** | 布尔值 | 是否使用抗锯齿算法, 默认跟随全局配置 | `null` | -| **resampling** | 布尔值 | 是否使用重采样缩放, 默认跟随全局配置 | `null` | +| **属性** | **类型** | **注释** | **默认值** | +|-----------------|---------|-----------------------------|-----------| +| **type** | 头像类型枚举 | 见下文, 例如`FROM`或`TO` | 必须 | +| **pos** | 坐标数组 | 头像的坐标信息 | 必须 | +| **posType** | 坐标格式枚举 | 坐标格式枚举, `ZOOM`或`DEFORM` | `ZOOM` | +| **round** | 布尔值 | 头像是否裁切为圆形 | `false` | +| **avatarOnTop** | 布尔值 | 头像图层是否在背景之上 | `true` | +| **angle** | 整数 | 头像的初始角度 | `0` | +| **origin** | 旋转原点枚举 | 头像的旋转原点 | `DEFAULT` | +| **opacity** | 浮点数 | 头像的不透明度 | `1.0` | +| **rotate** | 布尔值 | GIF类型的头像是否旋转 | `false` | +| **fit** | 填充模式枚举 | 填充模式枚举, 可以是`CONTAIN`或`FILL` | `FILL` | +| **crop** | 裁切坐标数组 | 头像裁切坐标信息 | `null` | +| **cropType** | 裁切格式枚举 | 见下文 | `NONE` | +| **style** | 风格化枚举数组 | 风格化枚举数组, 见下文 | `[]` | +| **filter** | 滤镜对象数组 | 滤镜数组, 见下文 | `[]` | +| **antialias** | 布尔值 | 是否使用抗锯齿算法, 默认跟随全局配置 | `null` | +| **resampling** | 布尔值 | 是否使用重采样缩放, 默认跟随全局配置 | `null` | **头像类型枚举 `type`** @@ -416,6 +419,11 @@ `DEFORM` 仿射变换坐标格式为 `[[x1,y1],[x2,y2],[x3,y3],[x4,y4],[x_anchor,y_anchor]]`; 分别对应图片的`[[左上角],[左下角],[右下角],[右上角],[锚点]]`,四角坐标用相对于锚点的偏移量表示 +**旋转原点枚举 `origin`** + +- `DEFAULT` 左上角 +- `CENTER` 中心 + #### 裁切 图片裁切坐标 `[x1, y1, x2, y2]`, `[0, 0, x2, y2]` 可简写为 `[x2, y2]` @@ -576,6 +584,8 @@ | **pos** | 数组 | 文本的坐标信息 | 必须 | | **color** | 字符串 | 文本颜色 | `#191919` | | **size** | 整数 | 文本字号 | `12` | +| **angle** | 整数 | 头像的初始角度 | `0` | +| **origin** | 旋转原点枚举 | 文字的旋转原点 | `DEFAULT` | | **position** | 数组 | 文本坐标计算基准 | [`LEFT`, `TOP`] | | **font** | 字符串 | 字体 | `黑体` | | **strokeColor** | 字符串 | 文本描边颜色 | `null` |