资江河畔

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

canvas 最基本简单的示例 

<!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>

 

posted on 2015-04-30 10:24  资江河畔  阅读(234)  评论(0)    收藏  举报