Snap.svg 如何将 SVG 保存为 PNG？

Question

我正在创建一个Snap.svg应用程序，用户可以添加块并操纵它们，然后将其保存为PNG格式。这些块都是以英寸为单位绘制的。我有计算设备PPI的代码，并用于绘制块，它被计算为96 PPI。这一切都很好，但是当我将SVG保存为PNG时，它保存为72 PPI，因此保存的PNG比应该的尺寸更大。

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

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

- Trevor Orr

---

你找到解决方案了吗？我也对这个问题很感兴趣。 - vtni

是的，我正在使用这个库：https://github.com/sampumon/SVG.toDataURL 它运行得非常好。 - Trevor Orr

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;
    }
});

- Trevor Orr

---

你是如何解决你所提出的问题的呢？请在此发布步骤并接受答案。 - Cees Timmerman