将canvas数组保存
function downLoadImage(canvas,name) {
var a = document.createElement("a");
a.href = canvas.toDataURL();
a.download = name;
a.click();
}
canvas:传入canvas的dom对象
name:保存的图片的名字
直接将图片保存的方法
function downLoadImage(img,name) {
var a =
现今大部分的网络应用在上传图片的时候都会同时保存几种尺寸的图片,专业术语也就是生成缩略图,而对于生成缩略图一般做法是通过后端语言php等来生成,但是为了给服务器减压,我们或许可以从前端来着手,先生成好不同尺寸的缩略图,传给后端,而后端只需要将前端传过来的图片进行存储就好了。
使用Canvas我们可以轻松生成各种尺寸的图片,具体实现如下:
function resizeImage(src,callback,w,h){
var canvas = document.createElement(ca