下载并使用插件插件:save-svg-as-png
import saveSvg from "save-svg-as-png";
let path= `${url}?t=${new Date().getTime()}`;
const parser = new DOMParser();
fetch(path)
.then(response => response.text())
.then(text => {
const parsed = parser.parseFromString(text, "text/html");
const svg = parsed.querySelector("svg");//svg元素
svg.style.width = 500;
svg.style.height = 500;
saveSvg.saveSvgAsPng(svg, '文件名字', { height: 500, width: 500 });
});
这个方法是将图片url先转化为svg元素节点,然后利用插件将元素节点转化为了png格式的图片并下载,可以设置转化后的图片尺寸大小。
借助base64格式也可以转化png,但是转化后图片的尺寸大小变小了,暂时没有找到解决方式.