tryhtml5_canvas_tut_img 在线代码实例

 <p>Image to use:</p>
<img id="scream" src="/upload2/attachments/image/20160224/1456314599613373.jpg" alt="The Scream"><p>Canvas:</p>
<canvas id="myCanvas" width="250" height="300" style="border:1px solid #d3d3d3;">
您的浏览器不支持 HTML5 canvas 标签。</canvas>

<script>

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("scream");

img.onload = function() {
	ctx.drawImage(img,10,10);
} 
</script>