实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<html>
2
<body>
3
​
4
<p>Image to use:</p>
5
<img id="scream" src="/upload/images/201509/cfcc6c13c28.gif">
6
​
7
<p>Canvas:</p>
8
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
9
您的浏览器不支持 HTML5 canvas 标签。</canvas>
10
​
11
<script>
12
document.getElementById("scream").onload=function(){
13
  var c=document.getElementById("myCanvas");
14
  var ctx=c.getContext("2d");
15
  var img=document.getElementById("scream");
16
  ctx.drawImage(img,90,130,50,60,10,10,50,60);
17
};
18
</script>
19
​
20
</body>
21
</html>
22