أهلا بكم،
هذه هي مشكلتي ، عندما يقوم المستخدم بتحميل صورة - ثم يقوم بإنشائها كصورة عبر html2canvas ، يتم تدوير الصورة التي تم تحميلها مسبقًا. يتم تدوير الصورة التي تم تحميلها فقط - إذا كانت هناك عناصر موجودة بالفعل - لا يتم تدويرها.
(هذا يحدث فقط على iOS)
هل هناك أي حل لهذا ؟
شكرا لوقتك !
من واقع خبرتي ، يتم حفظ جميع الصور الملتقطة بأجهزة iOS في الوضع الأفقي بعلامة exif Orientation
. أنت بحاجة إلى إيجاد طريقة لقراءة هذه العلامة وتدوير / عرض الصورة بشكل صحيح.
من أجل عدالة الإنترنت:
واجهت نفس المشكلة وانتهى بها الأمر باستخدام 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()
}
هذا قديم ولكن كيف يمكنني استخدام هذه الوظيفة؟
@ davidmann4 مرحبا ديفيد لدي نفس المشكلة كما ذكرت. كيف يمكنني الحصول على الإصلاح الخاص بك للعمل؟
$('#file_output').attr('src', URL.createObjectURL(event.target.files[0]));
أنا أستخدم هذا من html2canvas لتغيير src الخاصة بصورتي في لوحة الرسم الخاصة بي. كيف يمكنني إضافة الرمز الخاص بك إلى هذا؟
التعليق الأكثر فائدة
من أجل عدالة الإنترنت:
واجهت نفس المشكلة وانتهى بها الأمر باستخدام https://github.com/blueimp/JavaScript-Load-Image