snap.svg 将 svg 保存为 png

Question

我正在创建一个 Snap.svg 应用程序，用户基本上可以在其中添加块并对其进行操作，然后将其保存为 png。块都以英寸为单位。我有计算设备 PPI 并用于绘制块的代码，它被计算为 96 PPI。这一切都很好，除了当我将 SVG 保存到 PNG 时，它以 72 PPI 保存，所以保存的 PNG 比它应该的要大。

我正在使用 JavaScript Library 将 SVG 保存为 PNG。

所以我的问题是如何解决这个问题？

Answer 1

我正在使用这个库：https://github.com/sampumon/SVG.toDataURL 它运行良好。

这是我最终得到的适用于我的代码。

// Get the SVG element
var svg = document.getElementById("design-1");

svg.toDataURL("image/png", {
    callback : function(data) {
        // Convert image to 'octet-stream' (Just a download, really)
        var image = data.replace("image/png", "image/octet-stream");
        window.location.href = image;
    }
});