贵阳网站设计方案,阿里云 wordpress 数据库,杭州网站建设哪家强,dede 管理多个网站1.先创建一个canvas对象#xff0c;然后给canvas对象设置图片对象的宽高#xff0c;再调用canvas的getContext获取2d上下文对象#xff0c;再调用上下文对象的drawImage方法#xff0c;再通过canvase对象的toDataURL方法#xff0c;将图片转换成base64格式的字符串
2.将b…1.先创建一个canvas对象然后给canvas对象设置图片对象的宽高再调用canvas的getContext获取2d上下文对象再调用上下文对象的drawImage方法再通过canvase对象的toDataURL方法将图片转换成base64格式的字符串
2.将base64格式的字符串转化为图片
3.先创建Image对象然后将图片的路径赋值给image对象在图片加载的时候传入一个回调函数调用转换base64的方法然后在html中获取一个img对象设置它的src属性为base64格式的字符串就可以了
function getBase64Img(img){ //这个img是一个图片对象let canvas document.createElement(canvas);canvas.width img.width;canvas.height img.height;let ctx canvas.getContext(2d);ctx.drawImage(img,0,0,img.width,img.height);let dataURL canvas.toDataURL(ctx);retrun dataURL;
}//将base64转化为图片
let image new Image();
image.src ./1.jpb;
image.onload function(){let base64 getBase64Img(image);document.getElementById(a).setAttribute(src,bast64);
}
