svg2img.php 975 Bytes
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<script type='text/javascript' src='rgbcolor.js'></script>
<script type='text/javascript' src='canvg.js'></script>
<script type='text/javascript' src='canvas2image.js'></script>
<script type='text/javascript' src='base64.js'></script>
</head>
<body>
<div id=canvas ></div>
</body>
<script>
function render(svg, w, h) {
	document.createElement('canvas')
	var c = document.createElement('canvas');
	c.id = "svgcancas";
	c.width = w || 500;
	c.height = h || 500;
	document.getElementById('canvas').innerHTML = '';
	document.getElementById('canvas').appendChild(c);
	if (typeof FlashCanvas != "undefined") {
		FlashCanvas.initElement(c);
	}
	canvg(c, svg, { renderCallback: function () {
		oCanvas = document.getElementById("svgcancas");
		Canvas2Image.saveAsPNG(oCanvas,false,w,h);
	}});
}
render('<?php echo $_POST["svg"];?>',<?php echo $_GET["w"];?>,<?php echo $_GET["h"];?>);
</script>
</html>