Halo semua,
inilah masalah saya, Ketika pengguna mengunggah gambar - dan kemudian membuatnya sebagai gambar melalui html2canvas, gambar yang diunggah sebelumnya akan diputar. Hanya gambar yang diunggah yang diputar - jika ada elemen yang sudah ditampilkan - gambar tidak diputar.
(ini hanya terjadi di iOS)
Apakah ada solusi untuk ini?
Terima kasih atas waktu Anda !
Dari pengalaman saya, gambar yang diambil dengan perangkat iOS semuanya disimpan dalam mode lanskap dengan tag exif Orientation
. Anda perlu menemukan cara untuk membaca tag ini dan memutar/menampilkan gambar dengan benar.
untuk keadilan internet:
memiliki masalah yang sama dan akhirnya menggunakan https://github.com/blueimp/JavaScript-Load-Image
function readURL(input){
loadImage( input.files[0],
function (img) {
img.id = "uploaded_image";
$('#uploaded_image').replaceWith(img);
var $panzoom = $('#uploaded_image').panzoom({
$zoomIn: $(".zoom-in"),
$zoomOut: $(".zoom-out"),
$zoomRange: $(".zoom-range"),
minScale: 0.1
//$reset: $(".reset")
});
},
{canvas: true,orientation:true} // Options
);
$("#submission_upload_image").hide()
$("#submission_upload_image").remove()
}
Ini sudah tua tetapi bagaimana saya menggunakan fungsi ini?
@ davidmann4 hai David saya mengalami masalah yang sama seperti yang Anda sebutkan. Bagaimana saya bisa membuat perbaikan Anda berfungsi?
$('#file_output').attr('src', URL.createObjectURL(event.target.files[0]));
Saya menggunakan ini dari html2canvas untuk mengubah src gambar saya di kanvas saya. Bagaimana saya bisa menambahkan kode Anda ke ini?
Komentar yang paling membantu
untuk keadilan internet:
memiliki masalah yang sama dan akhirnya menggunakan https://github.com/blueimp/JavaScript-Load-Image