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

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

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

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