以下代码未作注释,时间有限,有待优化
Documentvar test = document.getElementById('test');
var svghtml = test.getAttribute('src');
// var svg = document.querySelector('svg');
// var svghtml = svg.outerHTML;
// var svghtml = new XMLSerializer().serializeToString(svg);
var img = new Image();
// var svghtml = `data:image/svg+xml;utf,${svghtml}`;//
img.setAttribute('src', svghtml);
img.onload = function () {
var canvas = document.createElement('canvas');
canvas.width = test.offsetWidth;
canvas.height = test.offsetHeight;
var context = canvas.getContext('2d');
context.drawImage(img, 0, 0);
varcanvasData = canvas.toDataURL('image/png');
vara = document.createElement('img');
var img2 = document.createElement('img');
img2.setAttribute('src', canvasData);
img2.onload = function() {
var a = document.createElement('a');
// a.href = url;
a.download = 'svg.png';
a.href = img2.getAttribute('src');
a.click();
}
}