想要在canvas画布上加一张图片,一开始是这么写的
<script> var c=document.getElementById("canvas"); var cxt=c.getContext("2d"); var img=new Image(); img.src="images/slide2.jpg"; cxt.drawImage(img,20,20); </script>
然而并没有出现想要的效果,然后各种百度翻看别人的博客什么的,终于让我找到了原因:
<script> var c=document.getElementById("canvas"); var cxt=c.getContext("2d"); var img=new Image(); img.src="images/slide2.jpg";
window.onload=function(){ cxt.drawImage(img,20,20); }</script>
这样就能解决了。原因是canvas操作要先加载完要操作的img!