javascript - 关于canvas处理图片的问题

查看:104
本文介绍了javascript - 关于canvas处理图片的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

我需要将一张用户上传的图片使用canvas进行处理,用户上传的尺寸可能会很大,比如会超出当前浏览器窗口的宽高,所以我将其等比缩放到浏览器可视区域内,然后绘制到canvas上,可是这样我就相当于把用户的图片缩小了,canvas处理完后,有办法将其处理后的的图片还原到原始尺寸,并且不会导致模糊的办法吗?

真是服了,下面谁给孤月和杰克点的踩?他们说的是对的方法啊!

解决方案

canvas的width和height都设置成和图片原始大小一样,但是使用style将canvas缩放在可视区域。这样就不会对图片进行压缩

这篇关于javascript - 关于canvas处理图片的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆