enter image description here

Misalkan kita memiliki dua data persegi

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']},
},

Bisakah kita membuat/menyimpan dua komponen <Image /> baru dari <Image />?

Diberikan

  1. kiri, atas, lebar, tinggi setiap kotak
  2. lebar dan tinggi seluruh gambar

Pendekatan Saya

  1. Entah bagaimana saya men-cache gambar ke jalur tertentu (file://blahblah, file://blahblah2)
  2. Konversikan ke base64 saat disimpan. (Saya akan mengirim banyak gambar melalui HTTP)

Setiap pendekatan atau ide yang bagus akan sangat dihargai

PERBARUI Saya menggunakan React Native

Terima kasih

0
hellofanengineer 22 November 2017, 17:35

1 menjawab

Jawaban Terbaik

Bagi saya, sepertinya Anda ingin memotong dua gambar dari Inge yang sudah ada, bukan? PHP imagecrop akan berhasil.

Anda bisa menggunakannya seperti ini:

$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');
}

Anda dapat melakukannya foreach mengunggah gambar jika ada banyak gambar.

1
Matthias Schmidt 23 November 2017, 05:00