svg格式的图片转化为 png 格式

2023-11-17

下载并使用插件插件: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,但是转化后图片的尺寸大小变小了,暂时没有找到解决方式.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

svg格式的图片转化为 png 格式 的相关文章

随机推荐