こんにちは、みんな、
これが私の問題です。ユーザーが画像をアップロードし、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を使用することになりました