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