Html2canvas: 画像のアップロードはiOSでローテーションされます

作成日 2016年07月14日  ·  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 評価