反应-内生-图像编辑器
React Industrial 的图像编辑器本地模块 .
开始
安装
yarn add @react-native-community/image-editor
或者说
npm install @react-native-community/image-editor --save
安装布德
npx pod-install
链接
react-native link @react-native-community/image-editor
使用量
从导入库开始 :
import ImageEditor from "@react-native-community/image-editor";
裁剪图像
裁剪 URI param 指定的图像 。 如果URI指向远程图像,则会自动被下载. 如果图像无法装入/下載,则承诺会被拒绝.
如果裁剪过程成功,由此产生的裁剪图像会被存储在缓存路径中,而URI在承诺中返回会指向缓存路径中的图像. 记住在完成时从缓存路径中删除剪接的图像 .
ImageEditor.cropImage(uri, cropData).then(url => {
console.log("Cropped image uri", url);
})
裁剪数据
| 财产 | 需求 | 说明 |
|---|---|---|
offset | 对 | 剪接图像的左上角, 在原始图像的坐标空间中指定 |
size | 对 | 剪切图像的大小( dimensions) |
displaySize | 没有 | 要缩放已裁剪的图像的大小 |
resizeMode | 没有 | 缩放图像时调整模式的大小( iOS, 机器人缩放模式总是“ 覆盖 ”) 默认值:"夹" |
cropData = {
offset: {x: number, y: number},
size: {width: number, height: number},
displaySize: {width: number, height: number},
resizeMode: 'contain' | 'cover' | 'stretch',
};
更高级的用途检查我们 示例应用程序。 。 。 .