数码相机照片通常以JPEG格式保存,并带有EXIF"方向"标签.要正确显示,需要根据设置的方向旋转/镜像图像,但浏览器会忽略渲染图像的信息.即使在大型商业网络应用程序中,对EXIF方向的支持也可能不稳定1.相同的源代码还提供 了JPEG可以具有的8种不同方向的精彩摘要:
样本图像可在4处获得.
问题是如何在客户端旋转/镜像图像,以便正确显示并在必要时进一步处理?
有JS库可用于解析EXIF数据,包括orientation属性2.Flickr在解析大图像时注意到了可能的性能问题,需要使用Web工作者3.
控制台工具可以正确地重新定向图像5.解决问题的PHP脚本可在6处获得
javascript exif rotation html5-canvas
我想根据相机在JPEG EXIF图像数据中设置的原始旋转来旋转照片.诀窍是所有这一切都应该在浏览器中使用JavaScript和<canvas>.
<canvas>
JavaScript如何访问JPEG,本地文件API对象,本地<img>或远程<img>,EXIF数据来读取旋转信息?
<img>
服务器端的答案不对; 我正在寻找客户端解决方案.
javascript jpeg exif html5-canvas
exif ×2
html5-canvas ×2
javascript ×2
jpeg ×1
rotation ×1