@2hats/react-native-image-tools 中文文档教程

Question

react-native-image-tools

此处安装说明。

示例应用程序位于此处。

API

RNImageTools.openEditor(options)

打开 Adob​​e 图像编辑器。 返回一个承诺，该承诺在解析时包含输出图像的 uri，如果取消编辑则返回 null。

options 参数：

name	description	default value	type
imageUri	the input image	n/a	string (see below)
outputFormat	the image type, must correspond to the input image type (generating PNG from JPEG or vider-vesa is not supported)	JPEG	string (either 'JPEG' or 'PNG')
quality	representing the JPEG compression % (Ignored for PNG)	80	integer (a value between 0 and 100)
preserveMetadata (iOS only)	copies image metadata (exif tags) from the input image to the output image	true	boolean
saveTo	determines where the output image will be saved	photos	string ('photos' or 'file')

支持的 imageUri 格式包括：

• path e.g. /foo/bar/image.jpeg
• file url e.g. file:///foo/bar/image.jpeg
• url e.g. http://foo.com/bar/image.jpeg
• asset-uri (iOS only) e.g. assets-library://asset/asset.JPG?id=foo&EXT=JPG
• content-uri (android only) e.g. content://media/external/images/foo/bar/JPEG

    import RNImageTools from "react-native-image-tools";

    ...    

    try {
      const uri = await RNImageTools.openEditor({
        imageUri,
        outputFormat,
        quality,
        preserveMetadata,
        saveTo
      });
    } catch (e) {
      console.warn("error", e);
    }

RNImageTools.selectImage(options)

打开本机图像选择器对话框。 返回一个承诺，该承诺在解析时返回一个对象，该对象包含所选图像的 uri 以及一些其他有用的信息，如果取消则返回 null。

options 参数：

name	description	default value	type
title	optional title (android only)	n/a	string

    import RNImageTools from "react-native-image-tools";

    ...    

    try {
      const uri = await RNImageTools.selectImage({title});
    } catch (e) {
      console.warn("error", e);
    }

RNImageTools.imageMetadata(imageUri)

返回一个承诺，该承诺在解析时返回包含图像元数据的对象。

    import RNImageTools from "react-native-image-tools";

    ...    

    try {
      const metadata = await RNImageTools.imageMetadata(imageUri);
    } catch (e) {
      console.warn("error", e);
    }

todo

• add removeMetadata method
• support file urls in imageData method
• customise the tool array https://github.com/CreativeSDK/phonegap-plugin-csdk-image-editor/blob/master/src/ios/CDVImageEditor.m#L49
• support more oof the underlying Adobe API…