Version 1.0.0

Author: domenic

.gitignore

@@ -0,0 +1,2 @@
+/node_modules/
+/npm-debug.log

.jshintrc

@@ -0,0 +1,19 @@
+{
+    "camelcase": true,
+    "curly": true,
+    "eqeqeq": true,
+    "es5": true,
+    "globalstrict": true,
+    "immed": true,
+    "indent": 4,
+    "newcap": true,
+    "noarg": true,
+    "node": true,
+    "nonew": true,
+    "nomen": true,
+    "quotmark": "double",
+    "trailing": true,
+    "undef": true,
+    "unused": true,
+    "white": true
+}

.npmignore

@@ -0,0 +1,6 @@
+/node_modules/
+/npm-debug.log
+
+/test/
+/.jshintrc
+/.npmignore

LICENSE.txt

@@ -0,0 +1,14 @@
+            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+                    Version 2, December 2004
+
+ Copyright (C) 2012 Domenic Denicola <[email protected]>
+
+ Everyone is permitted to copy and distribute verbatim or modified
+ copies of this license document, and changing it is allowed as long
+ as the name is changed.
+
+            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. You just DO WHAT THE FUCK YOU WANT TO.
+

README.md

@@ -0,0 +1,27 @@
+# SVG-to-PNG Converter Using PhantomJS
+
+You have a SVG file. For whatever reason, you need a PNG. **svg2png** can help.
+
+```js
+svg2png("source.svg", "dest.png", function (err) {
+    // PNGs for everyone!
+});
+```
+
+Maybe you need to scale the image while converting? We can do that too:
+
+```js
+svg2png("source.svg", "dest.png", 1.2, function (err) {
+    // 1.2×-sized PNGs for everyone!
+});
+```
+
+The scale factor is relative to the SVG's `viewbox` or `width`/`height` attributes, for the record.
+
+svg2png is built on the latest in [PhantomJS][] technology to render your SVGs using a headless WebKit instance. I have
+found this to produce much more accurate renderings than other solutions like GraphicsMagick or Inkscape. Plus, it's
+easy to install cross-platform due to the excellent [phantomjs][package] npm package—you don't even need to have
+PhantomJS in your `PATH`.
+
+[PhantomJS]: http://phantomjs.org/
+[package]: https://npmjs.org/package/phantomjs

lib/converter.js

@@ -0,0 +1,75 @@
+"use strict";
+/*global phantom: false*/
+
+var webpage = require("webpage");
+
+if (phantom.args.length !== 3) {
+    console.error("Usage: converter.js source dest scale");
+    phantom.exit();
+} else {
+    convert(phantom.args[0], phantom.args[1], Number(phantom.args[2]));
+}
+
+function convert(source, dest, scale) {
+    var page = webpage.create();
+
+    page.open(source, function (status) {
+        if (status !== "success") {
+            console.error("Unable to load the source file.");
+            phantom.exit();
+            return;
+        }
+
+        var dimensions = getSvgDimensions(page);
+        page.viewportSize = {
+            width: Math.round(dimensions.width * scale),
+            height: Math.round(dimensions.height * scale)
+        };
+        if (!dimensions.usesViewBox) {
+            page.zoomFactor = scale;
+        }
+
+        // This delay is I guess necessary for the resizing to happen?
+        setTimeout(function () {
+            page.render(dest);
+            phantom.exit();
+        }, 0);
+    });
+}
+
+function getSvgDimensions(page) {
+    return page.evaluate(function () {
+        /*global document: false*/
+
+        var el = document.documentElement;
+        var bbox = el.getBBox();
+
+        var width = parseFloat(el.getAttribute("width"));
+        var height = parseFloat(el.getAttribute("height"));
+        var viewBoxWidth = el.viewBox.animVal.width;
+        var viewBoxHeight = el.viewBox.animVal.height;
+        var usesViewBox = viewBoxWidth && viewBoxHeight;
+
+        if (usesViewBox) {
+            if (width && !height) {
+                height = width * viewBoxHeight / viewBoxWidth;
+            }
+            if (height && !width) {
+                width = height * viewBoxWidth / viewBoxHeight;
+            }
+            if (!width && !height) {
+                width = viewBoxWidth;
+                height = viewBoxHeight;
+            }
+        }
+
+        if (!width) {
+            width = bbox.width + bbox.x;
+        }
+        if (!height) {
+            height = bbox.height + bbox.y;
+        }
+
+        return { width: width, height: height, usesViewBox: usesViewBox };
+    });
+}

lib/svg2png.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var path = require("path");
+var execFile = require("child_process").execFile;
+
+var phantomjsCmd = path.resolve(__dirname, "../node_modules/phantomjs/bin/phantomjs");
+var converterFileName = path.resolve(__dirname, "./converter.js");
+
+module.exports = function svgToPng(sourceFileName, destFileName, scale, cb) {
+    if (typeof scale === "function") {
+        cb = scale;
+        scale = 1.0;
+    }
+
+    var args = [phantomjsCmd, converterFileName, sourceFileName, destFileName, scale];
+    execFile(process.execPath, args, function (err, stdout, stderr) {
+        if (err) {
+            cb(err);
+        } else if (stdout.length > 0) { // PhantomJS always outputs to stdout.
+            cb(new Error(stdout.toString().trim()));
+        } else if (stderr.length > 0) { // But hey something else might get to stderr.
+            cb(new Error(stderr.toString().trim()));
+        } else {
+            cb(null);
+        }
+    });
+};

package.json

@@ -0,0 +1,31 @@
+{
+    "name": "svg2png",
+    "description": "A SVG to PNG converter, using PhantomJS.",
+    "version": "1.0.0",
+    "author": "Domenic Denicola <[email protected]> (http://domenicdenicola.com)",
+    "license": "WTFPL",
+    "repository": {
+        "type": "git",
+        "url": "git://github.com/domenic/svg2png.git"
+    },
+    "bugs": {
+        "url": "http://github.com/domenic/svg2png/issues"
+    },
+    "main": "lib/svg2png.js",
+    "directories": {
+        "lib": "lib"
+    },
+    "scripts": {
+        "test": "mocha",
+        "lint": "jshint lib"
+    },
+    "dependencies": {
+        "phantomjs": ">= 0.2.0"
+    },
+    "devDependencies": {
+        "coffee-script": ">= 1.3.3",
+        "chai": ">= 1.3.0",
+        "jshint": ">= 0.9.1",
+        "mocha": ">= 1.6.0"
+    }
+}