微信小程序 > 微信公开课 > 如何用JS改变图像的原始大小
微信小程序,微信公开课,如何用JS改变图像的原始大小

如何用JS改变图像的原始大小

2019-03-12 17:01:43

微信公开课小程序热门讨论「如何用JS改变图像的原始大小」最新回复-看canvas的用法,context.drawImage(image,0,0,image.width,image.height)之后用canvas.toDataURL()把调整大小后的图片转换为url就可以了
用JS改变图像的原始大小方法:varcanvas=document.getElementById(canvas);varcontext=canvas.getContext(2d);$(input[type=file]).change(function(){varfile=this.files[0];varreader=newFileReader();varimage=newImage();reader.readAsDataURL(file);reader.onload=function(){//通过reader.result来访问生成的DataURLvarurl=reader.result;image.src=url;alert(image.width);alert(image.height);image.height/=4;image.width/=4;canvas.setAttribute(width,image.width+px);canvas.setAttribute(height,image.height+px);alert(image.naturalWidth);alert(image.naturalHeight);context.drawImage(image,0,0,image.width,image.height);};});本回答被提问者采纳 更多有关「如何用JS改变图像的原始大小」的疑问请扫码关注微信公开课+小程序!
标签:微信公开课,小程序
微信小程序,微信公开课,如何用JS改变图像的原始大小

「如何用JS改变图像的原始大小」热议话题订阅

方法1:微信扫描微信公开课小程序码即可订阅热议话题「如何用JS改变图像的原始大小」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热议话题「如何用JS改变图像的原始大小」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热议话题「如何用JS改变图像的原始大小」

微信公开课小程序热议话题「如何用JS改变图像的原始大小」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热议话题「如何用JS改变图像的原始大小」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。