<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>

function boom()
{
    var canvas = document.createElement('canvas');
    var ctx = canvas.getContext('2d');
    var svgImage = document.getElementsByTagName("img")[0];
    ctx.drawImage(svgImage, 1e+308, 0);
}

</script>
</head>
<body onload="boom();">

<img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><rect width='100' height='100' fill='blue'/></svg>">

</body>
</html>