Added: Image can now load SVG files and data

[petarov]

Hi,

This PR extends Image with the ability to load svg files. The functionality depends on librsvg. What I originally wanted to do was to convert dynamically generated svg images to png files at server side. This patch should now provide the ability to do so:

Here's a short example:

function test_svg2png(imgSrc, w, h) {
    var data = fs.readFileSync(imgSrc);
    var b64data = data.toString('base64');
    var src = "data:image/svg+xml;base64," + b64data;
    var canvas = new Canvas(w, h)
       , ctx = canvas.getContext('2d');

    var img = new Image;
    img.onload = function(){
      ctx.drawImage(img, 0, 0);
      var pngData = canvas.toBuffer();
    };

    img.src = src;
}

Build & Support

Test cases are provided for both make test and make test-server targets.

Windows is currently not supported mainly because I have no access to a Windows installation to test. But it should run fine, if someone is willing to work further on that.

[petarov]

@TooTallNate does this patch make sense? Just wanted to get some feedback because I'd like to use node-canvas for another project I'm working on.

[foysavas]

I'm also looking to use librsvg with node-canvas.

@petarov why was this closed?

[petarov]

@foysavas Hi, I think there was just no interest in this patch at that time and after 6 or 7 months it was no longer compatible with the code base.

I did use this functionality in a project though, but since I abandoned that project, I decided it was best to close the PR as well.

If someone's interest in working at this, I can help with a review.

[foysavas]

@petarov Wanting to do the same, I was seriously delighted to find your pull request. I'll fork off the current master and try to reapply your code. When it's ready, I'll comment back here with a link for review. Thanks so much for your help and code!