js HTML5 canvas绘制图片的方法

　　window.onload=function(){

　　createcanvas();

　　drawImage();

　　}

　　functioncreatecanvas(){

　　varCANVAS=document.getElementById('mycanvas');

　　context=CANVAS.getContext('2d');

　　}

　　functiondrawImage(){

　　varimg=newImage();

　　img.onload=function(){

　　context.drawImage(img,0,0,200,200);

　　}

　　img.src="img5.jpg";

　　}

　　demo.html

　　<!DOCTYPEhtml>

　　<htmllang="en">

　　<head>

　　<metacharset="UTF-8">

　　<title>canvas</title>

　　<scripttype="text/javascript"src="demo.js"></script>

　　</head>

　　<body>

　　<canvasid="mycanvas"width="400"hight="400">

　　<span>你的浏览器不支持canvas</span>

　　</canvas>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html5/h54996.shtml