Html2canvas: 图像上传在 iO 上旋转

创建于 2016-07-14 · 4评论 · 资料来源: niklasvh/html2canvas

大家好，

这是我的问题，当用户上传图像 - 然后通过 html2canvas 将其生成为图像时，之前上传的图像会被旋转。只有上传的图像被旋转 - 如果它已经显示任何元素 - 它们不会旋转。

（这只发生在 iOS 上）

有什么解决方案吗？

感谢您的时间！

资料来源

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 于 2016-11-16

😕1 😄1 👍1

所有4条评论

根据我的经验，使用 iOS 设备拍摄的照片都以横向模式保存，带有 exif 标签Orientation 。您需要找到一种方法来读取此标签并正确旋转/显示图像。

Vasiliskov 于 2016-09-07

互联网司法：

有同样的问题，最终使用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 于 2016-11-16

😕1 😄1 👍1

这是旧的，但我将如何使用这个功能？

Loki180 于 2017-11-28

@davidmann4嗨，大卫，我遇到了与您提到的相同的问题。我怎样才能让你的修复工作？

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

我在 html2canvas 中使用它来更改画布中图像的 src。我如何将您的代码添加到此？

jasperplender 于 2019-03-05

此页面是否有帮助？

0 / 5 - 0 等级

Html2canvas: 图像上传在 iO 上旋转

最有用的评论

所有4条评论

相关问题