Html2canvas: Unggahan gambar diputar di iOs

Dibuat pada 14 Jul 2016  ·  4Komentar  ·  Sumber: niklasvh/html2canvas

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 !

Komentar yang paling membantu

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()


}

Semua 4 komentar

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?

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

Josh10101010 picture Josh10101010  ·  3Komentar

diego-rey picture diego-rey  ·  3Komentar

arzyu picture arzyu  ·  3Komentar

koreanman picture koreanman  ·  4Komentar

yasergh picture yasergh  ·  5Komentar