js+html5绘制图片到canvas的方法
本文实例讲述了js+html5绘制图片到canvas的方法。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPEhtml> <html> <body> <canvasid="myCanvas"width="200"height="100" style="border:1pxsolid#c3c3c3;"> YourbrowserdoesnotsupporttheHTML5canvastag. </canvas> <scripttype="text/javascript"> varc=document.getElementById("myCanvas"); varctx=c.getContext("2d"); varimg=newImage(); img.onload=function(){ ctx.drawImage(img,0,0); }; img.src="img_flwr.png"; </script> </body> </html>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript动画特效与技巧汇总》《JavaScript运动效果与技巧汇总》及《JavaScript数据结构与算法技巧总结》
希望本文所述对大家的web程序设计有所帮助。