Html2canvas: الحصول على تناوب تحميل الصور على iOs

تم إنشاؤها على ١٤ يوليو ٢٠١٦  ·  4تعليقات  ·  مصدر: niklasvh/html2canvas

أهلا بكم،

هذه هي مشكلتي ، عندما يقوم المستخدم بتحميل صورة - ثم يقوم بإنشائها كصورة عبر html2canvas ، يتم تدوير الصورة التي تم تحميلها مسبقًا. يتم تدوير الصورة التي تم تحميلها فقط - إذا كانت هناك عناصر موجودة بالفعل - لا يتم تدويرها.

(هذا يحدث فقط على iOS)

هل هناك أي حل لهذا ؟

شكرا لوقتك !

التعليق الأكثر فائدة

من أجل عدالة الإنترنت:

واجهت نفس المشكلة وانتهى بها الأمر باستخدام 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()


}

ال 4 كومينتر

من واقع خبرتي ، يتم حفظ جميع الصور الملتقطة بأجهزة 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 الخاصة بصورتي في لوحة الرسم الخاصة بي. كيف يمكنني إضافة الرمز الخاص بك إلى هذا؟

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

kunal886496 picture kunal886496  ·  3تعليقات

stevencherry1 picture stevencherry1  ·  3تعليقات

yasergh picture yasergh  ·  5تعليقات

deepender87 picture deepender87  ·  4تعليقات

AlphaDu picture AlphaDu  ·  4تعليقات