国际知名的论文网站北京学习网站建设

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);
}