canvas转换image图像

不多说,直接上代码。wink

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
		<canvas id="myCanvas"></canvas>
	<br>
<script type="text/javascript">
	var canvas=document.getElementById('myCanvas');
	var ctx=canvas.getContext('2d');
	ctx.fillStyle='#FF0000';
	ctx.fillRect(0,0,80,100);

function aaa(myCanvas){
 	var canvas = document.getElementById(myCanvas);
    var imgURI = canvas.toDataURL("image/png");
    var image = document.createElement("img");
    image.src = imgURI;
    document.body.appendChild(image);
}
aaa('myCanvas');
</script>
	
</body>
</html>