canvas初体验

    </canvas>
</body>
<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
<script>
    var car=$("#canvas")[0];
    var con=car.getContext("2d");
    var image=new Image();
    window.onload=function(){

      car.width=600;
      car.height=500;

      image.src="img/img.jpg";
      image.onload=function(){
        /*
         *参数（图片对象，image裁剪横向起点坐标，image裁剪纵向起点坐标，裁剪width，裁剪height,canvas渲染横向起点,canvas渲染纵向起点,canvas渲染宽度，canvas渲染高度）
         * */
          con.drawImage(image,0,500,1800,1200,0,0,car.width,car.height);            
      }


    }

</script>