安装

npm install save-svg-as-png

用法

要保存 PNG，请在页面中包含脚本 saveSvgAsPng.js，然后使用 SVG node 和文件名调用 saveSvgAsPng 函数：

saveSvgAsPng(document.getElementById("diagram"), "diagram.png");

文件名是将图像保存到文件系统时首选文件名。 如果目标目录中已经存在该名称的文件，浏览器可能会更改文件名。

如果要向上或者向下缩放图像，可以在选项对象中传递比例因子：

saveSvgAsPng(document.getElementById("diagram"), "diagram.png", {scale:0.5});

其他选项如下所示。

如果只需要dataURI的，则可以使用 SVG node，选项和回调调用 svgAsDataUri:

svgAsDataUri(document.getElementById("diagram"), {}, function(uri) {
 ...});

如果需要从SVG生成的PNG的dataURI，可以使用 SVG node，选项和回调调用 svgAsPngUri:

svgAsPngUri(document.getElementById("diagram"), {}, function(uri) {
 ...});

链接: https://fly63.com/nav/2311