图像操纵器插件
@capacitor-community/image-manipulator
控制器社区插件来操纵图像(大小、压缩、裁剪等)
目录
维护者
| 维护者 | GitHub 图像 | 活动 |
|---|---|---|
| 尼亚a | 尼亚a | 对 |
关于
这个capcitor插件允许读取图像维度(宽和高)并调整图像大小. 此插件被启发并类似于 线多瓦-插图-图像反应器 插件 。 请注意它并不取决于 克多瓦-插座-相机 插件并可以独立使用.
特征 :
- 支持获取图像维度
- 支持图像的调整大小
- 支持 Android 和 iOS 平台
页:1: 插件版本8. 0.0 与 Capacitor 8 兼容
插件版本
| 电容版本 | 插件版本 |
|---|---|
| 8.x 电话 | 8.x 电话 |
| 7.x 电话 | 7.x 电话 |
| 6.x (单位:千美元) | 6.x (单位:千美元) |
支持的平台
- iOS系统
- 机器人
安装
npm install @capacitor-community/image-manipulator
npx cap sync
API 密码
获取 Dimension (...)
getDimensions(options: GetDimensionsOptions) => Promise<{ width: number; height: number; }>
获取图像的维度( 宽度和高度)
| 参数 | 类型 | 说明 |
|---|---|---|
options | GetDimensionsOptions | 选项以获取图像的维度 |
回返情况: Promise<{ width: number; height: number; }>
自: 6.0.0 (单位:千美元)
调整大小(...)
resize(options: ResizeOptions) => Promise<{ originalWidth: number; originalHeight: number; resizedWidth: number; resizedHeight: number; imagePath: string; webPath: string; resized: boolean; }>
根据所提供的选项调整图像大小并返回已调整图像细节的方法 。 请注意: 图像将尊重原始图像的外观比,并将被调整大小以等同于所提供的最大宽度或最大高度. 如果图像的宽度和高度都小于所提供的最大宽度和最大高度,则图像将不会调整大小 而原始图像细节会被重新调整为虚假. 如果不提供最大Width 或最大H8, 此参数将被忽略( 未使用) , 图像将被显示为 根据所提供的最大宽度或最大高度相应调整大小. 请注意, 必须提供最大宽度或最大重度才能调整图像大小 .
| 参数 | 类型 | 说明 |
|---|---|---|
options | ResizeOptions | 修改图像大小的选项 |
回返情况: Promise<{ originalWidth: number; originalHeight: number; resizedWidth: number; resizedHeight: number; imagePath: string; webPath: string; resized: boolean; }>
自: 6.0.0 (单位:千美元)
接口
获取 Dimensions 选项
| Prop | 类型 | 说明 | 自兹 |
|---|---|---|---|
imagePath | string | 通向图像以获得其维度的路径. | 6.0.0 (单位:千美元) |
更改选项大小
| Prop | 类型 | 说明 | 自兹 |
|---|---|---|---|
imagePath | string | 改变图像大小的路径 . | 6.0.0 (单位:千美元) |
folderName | string | (仅限机器人) 存储已调整图像的文件夹名称( 如果未提供可选的, 默认为“ 更改图像 ” ) . | 6.0.0 (单位:千美元) |
fileName | string | 没有扩展名的修改文件名称( 如果不提供, 可选择, 时间戳为名称) . | 6.0.0 (单位:千美元) |
quality | number | 图像质量由 0 调整为 100, 其中 100 最大( 如果不提供, 可选择, 默认为 85) . | 6.0.0 (单位:千美元) |
maxWidth | number | 调整图像的最大宽度( 可选的, 但至少必须提供高度或宽度) . | 6.0.0 (单位:千美元) |
maxHeight | number | 修改图像的最大高度( 可选的, 但至少必须提供宽度或高度) . | 6.0.0 (单位:千美元) |
fixRotation | boolean | 根据 EXIF 元数据修正图像旋转( 如果不提供, 可选择的, 默认为假) . | 6.0.0 (单位:千美元) |
使用量
请参看 示例应用程序 一个完整的例子.
修改图像大小
import { ImageManipulator } from '@capacitor-community/image-manipulator';
const options: ImageResizeOptions = {
imagePath: 'path/to/image.jpg',
maxWidth: 300,
maxHeight: 300,
quality: 85,
folderName: 'ResizedImages',
fileName: 'resized',
fixRotation: true
};
const result = await ImageManipulator.resize(options);
修改图像大小
import { ImageManipulator } from '@capacitor-community/image-manipulator';
const options: GetDimensionsOptions = {
imagePath: 'path/to/image.jpg'
};
const result = await ImageManipulator.getDimensions(options);