<!DOCTYPE HTML> <html> <head> <title></title> <!--[if IE]> <script type="text/javascript" src="../js/excanvas.js"></script> <![endif]--> </head> <body> <video width="320" height="240" controls="controls"> <source src="http://www.w3school.com.cn/i/movie.ogg" type="video/ogg"> <source src="http://www.w3school.com.cn/i/movie.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <p>画布:</p> <canvas id="myCanvas" width="600" height="300" style="border:1px solid #c3c3c3;"> Your browser does not support the canvas element. </canvas> <script type="text/javascript"> var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); var img=new Image(); img.src="../images/5.jpg" img.onload=function(){ cxt.drawImage(img,200,100,100,50,0,0,600,300); } </script> </body> </html>