javascript - snap.svg 将 svg 保存为 png

Question

我正在创建一个 Snap.svg 应用程序，用户基本上可以在其中添加 block 并对其进行操作，然后将其保存为 png。这些 block 都是以英寸为单位绘制的。我有计算设备 PPI 并用于绘制 block 的代码，它被计算为 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;
    }
});