js将svg to png

install

npm i canvg

实现

import {Canvg} from "canvg";

export const svg2png = async (file: string) => {
    let canvas = document.createElement("canvas");
    const ctx = canvas.getContext('2d');
    let v = await Canvg.from(ctx, file)
    v.start();
    return canvas.toDataURL("img/png");
}

调用

svg2png(svgAddr).then(r => {
	        this.png.url = r
      })

svg图片比较小 转成png大了很多 而且还模糊了不少

https://zz-plan.com/api/svg/6b12fb156a12fb5c70/
这个14kb svg转换png 达到了96kb