相机定位- HTML5
我正在创建一个只允许用户拍照的移动web应用程序(HTML5 5/JavaScript/CSS)。然后将相机中的图片加载到一个canvas HTML元素中。用户可以在拍照时旋转他们的手机，所以我最终想要适当地旋转输出。在网页中是否只有一种方法来确定用户在拍照时旋转的程度？我说的不仅仅是它们是否处于景观模式。我的意思是，如果你把你的手机在纵向模式直起，面对它在你的办公桌(它现在平行于你的桌子)，然后旋转它的景观。这不会触发一个方向的改变，但你现在将拿着你的手机在一个“景观”的立场，如果这是有意义的。这将是一个常见的方式，用户将采取的照片。我希望能够适当地旋转图片上传。
谢谢
回答 1
Stack Overflow用户
发布于 2019-01-21 15:55:52
在网页中是否只有一种方法来确定用户在拍照时旋转的程度？
是的，有！当照片被拍摄时，它们包含关于图像的元数据信息。这被称为EXIF数据。
它告诉你一些事情，比如相机的制作，闪光灯是否熄灭，以及--对你有用的--相机的方向。
如果您使用JavaScript将图像绘制到画布上，我可以推荐BlueImp的JavaScript加载图像库。
一旦加载了映像，就可以执行如下调用：
var orientation = data.exif.get('Orientation');这会告诉你拍照时相机是怎么拿的。根据手机的不同，你也可以得到旋转数据，GPS数据，罗盘航向等。
https://stackoverflow.com/questions/54292781
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号