Html2canvas: छवि अपलोड आईओएस पर घुमाया जाता है

को निर्मित 14 जुल॰ 2016 · 4टिप्पणियाँ · स्रोत: niklasvh/html2canvas

नमस्ते,

यहाँ मेरी समस्या है, जब कोई उपयोगकर्ता एक छवि अपलोड करता है - और फिर इसे html2canvas के माध्यम से एक छवि के रूप में उत्पन्न करता है, तो पहले अपलोड की गई छवि घुमाई जाती है। केवल अपलोड की गई छवि को घुमाया जा रहा है - यदि यह कोई तत्व पहले से ही प्रदर्शित है - तो वे घूमते नहीं हैं।

(यह केवल आईओएस पर होता है)

क्या इसका कोई समाधान है ?

अपना समय देने के लिए धन्यवाद !

स्रोत

tibewww

सबसे उपयोगी टिप्पणी

इंटरनेट न्याय के लिए:

एक ही समस्या थी और 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 16 नव॰ 2016

😕1 😄1 👍1

सभी 4 टिप्पणियाँ

मेरे अनुभव से आईओएस उपकरणों के साथ ली गई सभी तस्वीरें लैंडस्केप मोड में एक्सिफ टैग Orientation के साथ सहेजी जाती हैं। आपको इस टैग को पढ़ने और छवि को ठीक से घुमाने/प्रदर्शित करने का तरीका खोजने की आवश्यकता है।

Vasiliskov 7 सित॰ 2016

इंटरनेट न्याय के लिए:

एक ही समस्या थी और 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 16 नव॰ 2016

😕1 😄1 👍1

यह पुराना है लेकिन मैं इस फ़ंक्शन का उपयोग कैसे करूं?

Loki180 28 नव॰ 2017

@ डेविडमैन 4 हाय डेविड मुझे वही समस्या हो रही है जैसा आपने बताया था। मैं आपके फिक्स को काम पर कैसे ला सकता हूं?

    $('#file_output').attr('src', URL.createObjectURL(event.target.files[0]));

मैं अपने कैनवास में अपनी छवि के स्रोत को बदलने के लिए html2canvas से इसका उपयोग कर रहा हूं। मैं इसमें आपका कोड कैसे जोड़ सकता हूं?

jasperplender 5 मार्च 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Html2canvas: छवि अपलोड आईओएस पर घुमाया जाता है

सबसे उपयोगी टिप्पणी

सभी 4 टिप्पणियाँ

संबंधित मुद्दों