实例 - 图像

把一幅图像放置到画布上, 使用以下方法:

drawImage(image,x,y)

实例

使用图像 : 放置到画布上 :

JavaScript代码：

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

canvas 元素：

<canvas id="myCanvas" width="250" height="300" style="border:1px solid #c3c3c3;">
      你的浏览器不支持Canvas元素。
</canvas>