Draw SVG in canvas

dabblet.css

/**
 * Draw SVG in canvas
 */

dabblet.html

<canvas width="400" height="400"></canvas>

dabblet.js

var canvas = document.querySelector('canvas'),
    ctx = canvas.getContext('2d');

var img = new Image;
img.src = 'http://www.webplatform.org/errors/images/logo-2.svg';

img.onload = function() {
	var canvasW = canvas.width, canvasH = canvas.height;
	var imgW = img.naturalWidth || canvasW, imgH = img.naturalHeight || canvasH;

	var ratio = canvasW/imgW;

	console.log(imgW, imgH, canvasW, canvasH);
	
	ctx.drawImage(img, 0, 0, imgW * ratio, imgH*ratio);
}

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"javascript"}