IOS上传图片翻转处理重力并压缩大小

var newImageData;
function canvasContraction(file) {//压缩图片俊生
			var Orientation = null;//图片方向角
			EXIF.getData(file, function() {//插件引入处理
				// alert(EXIF.pretty(this));
				EXIF.getAllTags(this);
				//alert(EXIF.getTag(this, 'Orientation'));
				Orientation = EXIF.getTag(this, 'Orientation');
				//return;
			});
			imgUP_big_loading();//加载效果
			var ratio = "0.2";//压缩值
			if(file.size <= 500 * 1024){//
				ratio = 0.6;//压缩系数
			}else if(file.size > 500 * 1024 && file.size < 2000 * 1024){
				ratio = 0.3;
			}else{
				ratio = 0.1;
			}
			var reader = new FileReader();
			reader.readAsDataURL(file);
			reader.onload = function(e) {
				var result = event.target.result;   //返回的dataURL
				var image = new Image();
				image.src = result;
				image.onload = function () {  //创建一个image对象,给canvas绘制使用
					var cvs = document.createElement('canvas');
					cvs.width = this.width;
					cvs.height = this.height;
					var ctx = cvs.getContext('2d');
					ctx.drawImage(this, 0, 0, cvs.width, cvs.height);
					if (navigator.userAgent.match(/iphone/i)) {//苹果机型侦测
						//console.log('iphone');
						//alert(expectWidth + ',' + expectHeight);
						//如果方向角不为1,都需要进行旋转 added by lzk
						if(Orientation != "" && Orientation != 1){
							//alert('旋转处理');
							switch(Orientation){
								case 6://需要顺时针(向左)90度旋转
									var x = cvs.width/2; //画布宽度的一半
									var y = cvs.height/2;//画布高度的一半
									ctx.clearRect(0,0, cvs.width, cvs.height);//先清掉画布上的内容
									ctx.translate(x,y);//将绘图原点移到画布中点
									ctx.rotate(90*Math.PI/180);
									ctx.translate(-x,-y);//将画布原点移动
									ctx.drawImage(this, 0, 0, cvs.width, cvs.height);//画画
									break;
								case 8://需要逆时针(向右)90度旋转
									var x = cvs.width/2; //画布宽度的一半
									var y = cvs.height/2;//画布高度的一半
									ctx.translate(x,y);//将绘图原点移到画布中点
									ctx.rotate(90*Math.PI/180);
									ctx.translate(-x,-y);//将画布原点移动
									ctx.drawImage(this, 0, 0, cvs.width, cvs.height);//画画
									break;
							}
						}else{
							ctx.drawImage(this, 0, 0, cvs.width, cvs.height);
						}
					}
                    newImageData = cvs.toDataURL('image/jpeg', ratio);//base64的压缩图片,完成
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值