【www.bbyears.com--js教程】
对于使用js、HTML5和canvas绘制图片也是很多人会遇到的操作,那么其怎么绘制图片呢?有些什么绘制图片的方法?下面文章就给大家具体介绍下,一起来看看。
demo.js
window.onload=function() { createcanvas(); drawImage(); } function createcanvas() { var CANVAS=document.getElementById("mycanvas"); context=CANVAS.getContext("2d"); } function drawImage() { var img=new Image(); img.onload=function() { context.drawImage(img,0,0,200,200 ); } img.src="img5.jpg"; }
demo.html
canvas <script type="text/javascript" src="demo.js"></script>
图片:
效果: