1 const svg = document.getElementById('svg'); //获取元素
2 // const s = new XMLSerializer().serializeToString(svg); //xml序列化
3 const src = `data:image/svg+xml;base64,${window.btoa(unescape(encodeURIComponent(svg)))}`; // base64转化
4 const img = new Image(); // 图片容器承载过渡
5 img.src = src;
6 img.onload = () => {
7 // 图片创建后再执行，转Base64过程
8 const canvas = document.createElement('canvas');
9 canvas.width = img.width;
10 canvas.height = img.height;
11 const context = canvas.getContext('2d');
12 context.drawImage(img, 0, 0);
13 const ImgBase64 = canvas.toDataURL('image/png');
14 console.log(ImgBase64, 'Svg 转 png');
15 }
标签：src,canvas,const,img,svg,base64,图片 From： https://www.cnblogs.com/dekui/p/16636631.html