2017-11-22 3 views
0

enter image description here画像から切り取った画像を作成/保存する方法は?

は、我々は我々が<Image />から二つの新しい<Image />コンポーネントを保存/作成することができる2つの正方形のデータ

taggedImages: { 
    0: {id:0, left:100, top:100, thumbSize:100, type: 'A', seasons: ['All', 'All']}, 
    1: {id:1, left:200, top:200, thumbSize:100, type: 'B', seasons: ['All', 'All']}, 
}, 

持っているのは、としましょう(BASE64に画像を変換しますか)?

を考える

  1. 左、上、幅、各正方形
  2. 全体画像

私のアプローチの幅と高さの高さ

  1. 何とか私は画像をキャッシュする特定のパス(ファイル:// blahblah、ファイル:// blahblah2)
  2. 保存時にそれらをbase64に変換します。

(私はHTTPを介して複数の画像を送信します)どれでも良いアプローチやアイデアが高く評価されます私が使用している

UPDATEはネイティブ

反応し、私にはあなた

答えて

1

ありがとうございましたあなたは既存のIngeから2つの画像をトリミングしたいと思うのですか? PHP imagecropはこのトリックを行います。

あなたはこのようにそれを使用することができます。複数の写真があります場合は、そうforeachアップロードされた画像を行うことができ

$source = imagecreatefromjpg('/path/to/source.jpg'); 
$img1 = imagecrop($im, ['x' => 100, 'y' => 100, 'width' => 100, 'height' => 100]); 
if ($img1 !== FALSE) { 
    imagejpg($img1, '/path/to/square-1.png'); 
} 
$img2 = imagecrop($im, ['x' => 200, 'y' => 200, 'width' => 100, 'height' => 100]); 
if ($img2 !== FALSE) { 
    imagejpg($img2, '/path/to/square-2.png'); 
} 

+0

本当にありがとうございます。たぶん私はそれを明確に言及しなかったが、私はReact Nativeを使用しているので、PHP imagecropを使用することはできません。 :)あなたの答えは他の人に役立つかもしれません。 –

+0

その理由で、私は投票しました: –

+0

ああ、あなたの質問のタグを見落としました...申し訳ありません、私はモバイルアプリを使用することに新しいです。 –

関連する問題