怎样使图片不旋转,怎么才能让图片不自动旋转

首页 > 实用技巧 > 作者:YD1662023-04-25 02:48:04

绘制图片到canvas
在上图中,我们了解到不同orientation旋转了不同的角度,下面就是将图片绘制到画布上 以orientation为6为例,也就是竖拍为例

怎样使图片不旋转,怎么才能让图片不自动旋转(5)

x轴和y轴是canvas画布轴的方向,图片1也就是用户上传的图片要进行顺时针旋转90°到图片2图片才能正常显示,而且需要记住的是绘制图片时从图片的左上角开始绘制的,所以图片2的绘制方法如下:

怎样使图片不旋转,怎么才能让图片不自动旋转(6)

首先更改canvas的宽高,因为最后生成的图片是图片2,所以需要限制他的宽高。然后需要将画布旋转90°,然后绘制坐标从(0, -height)开始,然后就绘制成功了,然后输出到页面当中就可以了,其他的旋转角度具体代码如下:

怎样使图片不旋转,怎么才能让图片不自动旋转(7)

万恶的ios

发现大部分手机都正常的时候,此时万恶的苹果手机出现了问题,结论发现ios版本大于等于13.4.1的手机不需要前端对其调整图片方向,无论倒着拍,还是旋转拍,图片上传后的方向都是正确的,所以需要对ios的版本进行判断

怎样使图片不旋转,怎么才能让图片不自动旋转(8)

上一页123下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.