前端完成下载svg格式的图片 但是下载的该文件只是格式是svg,实际还是图片 ,图片放大还是会失真
downloadSvg() {
new html2canvas(document.querySelector("#echartPdf"), {
useCORS: true,
allowTaint: true // 这两个属性都是图片跨域相关属性
}).then(res => {
const width = res.width; //图片宽
const height = res.height;//图片高
var dataURL = res.toDataURL(); //canvas获取的base64格式
//svg 的dom节点(字符串)
var svgString = `<svg id="downloadSvg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="${width}px" height="${height}px"
viewBox="0 0 ${width} ${height}" enable-background="new 0 0 ${width} ${height}" xml:space="preserve">
<image id="image0" width="${wi