snap.svg将svg保存到png

时间:2014-07-17 19:28:53

标签: javascript svg png snap.svg

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

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

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

1 个答案:

答案 0 :(得分:4)

我正在使用这个库: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;
    }
});