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

snap.svg将svg保存到png

1 个答案: