Hallo alle,
Hier ist mein Problem: Wenn ein Benutzer ein Bild hochlädt und es dann über html2canvas als Bild generiert, wird das zuvor hochgeladene Bild gedreht. Nur das hochgeladene Bild wird gedreht – wenn es sich um Elemente handelt, die bereits angezeigt werden – werden sie nicht gedreht.
(Dies geschieht nur unter iOS)
Gibt es dafür irgendeine Lösung?
Vielen Dank für Ihre Zeit !
Aus meiner Erfahrung werden Bilder, die mit iOS-Geräten aufgenommen wurden, alle im Querformat mit dem Exif-Tag Orientation
gespeichert. Sie müssen einen Weg finden, dieses Tag zu lesen und das Bild richtig zu drehen/anzuzeigen.
für Internetjustiz:
hatte das gleiche Problem und landete bei der Verwendung von 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()
}
Das ist alt, aber wie würde ich diese Funktion verwenden?
@davidmann4 Hallo David, ich habe das gleiche Problem wie du erwähnt hast. Wie kann ich Ihre Lösung zum Laufen bringen?
$('#file_output').attr('src', URL.createObjectURL(event.target.files[0]));
Ich verwende dies aus html2canvas, um die Quelle meines Bildes in meiner Leinwand zu ändern. Wie kann ich Ihren Code hinzufügen?
Hilfreichster Kommentar
für Internetjustiz:
hatte das gleiche Problem und landete bei der Verwendung von https://github.com/blueimp/JavaScript-Load-Image