Canvas画图旋转方向问题
最近在做大家车贴,一个提供用给用户上传图片定制手机贴的平台。在推广的过程中,发现有些用户上传图片后,图片方向是不正确的,这就跟图片的EXIF有关了.
手机在拍照的过程中,会将拍照的相关信息保存在EXIF里面,其中包括了图片的旋转属性(Orientation)。
下面是简单的代码:
fileReader.onloadend = function() {
var exif = EXIF.readFromBinaryFile(new BinaryFile(this.result));
switch(exif.Orientation){
case 8:
ctx.rotate(90*Math.PI/180);
break;
case 3:
ctx.rotate(180*Math.PI/180);
break;
case 6:
ctx.rotate(-90*Math.PI/180);
break;
}
}