react native image editorダウンロード - react native image editorソースコードダウンロード

react native image editor

ウェブサイトデータ

Release 4.2.1

ダウンロード

@React-Native-Community/Image-Editor

Reactネイティブ用の画像エディターネイティブモジュール。

もともとは、React Native issue#23313から抽出され、コミュニティによって維持されていました。

はじめる

インストール

yarn add @react-native-community/image-editor
# or
npm install @react-native-community/image-editor --save

ポッドをインストールします

npx pod-install

使用法

ライブラリをインポートすることから始めます：

 import ImageEditor from '@react-native-community/image-editor' ;

作物の画像

URI Paramによって指定された画像をトリミングします。 URIがリモート画像を指している場合、自動的にダウンロードされます。画像をロード/ダウンロードできない場合、約束は拒否されます。

トリミングプロセスが成功した場合、結果のトリミングされた画像はキャッシュパスに保存され、約束に戻されたCropResultキャッシュパスの画像を指します。ショ和キャッシュパスが完了したら、トリミングされた画像を削除することを忘れないでください。

 ImageEditor . cropImage ( uri , cropData ) . then ( ( result ) => {
  console . log ( 'Cropped image uri:' , result . uri ) ;
} ) ;

`cropData: ImageCropData`

名前	タイプ	説明
`offset`	`{ x: number, y: number }`	元の画像の座標空間で指定された、トリミングされた画像の左上コーナー
`size`	`{ width: number, height: number }`	トリミングされた画像のサイズ（寸法）
`displaySize` （オプション）	`{ width: number, height: number }`	トリミングされた画像をスケーリングしたいサイズ
`resizeMode` （オプション）	`'contain' \| 'cover' \| 'stretch' \| 'center'`	画像をスケーリングするときに使用するサイズ変更モード（iOSのみ、Androidのサイズ変更モードは常に`'cover'` 、Web-サポートなし）デフォルト値： `'cover'`
`quality` （オプション）	`number`	結果画像の圧縮レベル`1.0` `0.0`値。 `1`圧縮（最高品質）がないことを意味し、 `0`最高圧縮（最低品質）デフォルト値： `0.9`
`format` （オプション）	`'jpeg' \| 'png' \| 'webp'`	結果の画像の形式。デフォルト値：提供された画像に基づきます。値の決定が不可能な場合、 `'jpeg'`フォールバックとして使用されます。 `'webp'`はiOSでサポートされていません。
`includeBase64` （オプション）	`boolean`	Base64フォーマットされた画像データも`CropResult`に含める必要があるかどうかを示します。デフォルト値： `false`
`headers` （オプション）	`object \| Headers`	HTTPヘッダーを表すオブジェクトまたは`Headers`インターフェイスは、リモート画像のリクエストとともに送信します。

`result: CropResult`

名前	タイプ	説明
`uri`	`string`	画像ファイルへのパス（例： `'file:///data/user/0/.../image.jpg'` ） Web： `uri`はデータURI文字列です（例`'data:image/jpeg;base64,/4AAQ...AQABAA'` ）
`path`	`string`	画像のURI（例： `'/data/user/0/.../image.jpg'` ） Web： `path`はBlob URLです（ `'blob:https://example.com/43ff7a16...e46b1'` ）
`name`	`string`	画像ファイルの名前。（例： `'image.jpg'` ）
`width`	`number`	画像の幅はピクセルで
`height`	`number`	ピクセルの画像の高さ
`size`	`number`	バイト内の画像のサイズ
`type`	`string`	画像のmimeタイプ（ `'image/jpeg'` 、 `'image/png'` 、 `'image/webp'` ）
`base64` （オプション）	`string`	base64エンコード画像データ例： `'/9j/4AAQSkZJRgABAQAAAQABAAD'` たとえば、 `Image`要素の`source`としてデータURIが必要な場合は、 `data:${type};base64,${base64}`