<span style="color:#333333;">使用图像</span><br>
<span style="color:#0000FF;"><b>插入图像</b></span><span style="color:#333333;"></span>
<div align="left"  ><blockquote>使用drawImage函数直接在指定位置插入图像<br>
var img = new Image();<br>
img.src = "img01.png";<br>
img.onload=function(){<br>
  ctx.drawImage(img,0,0);<br>
};
onload事件会在图像或页面加载完成后立即发生（这个例子是解决页面加载和刷新时不显示图像的问题）<br>

</blockquote>
</div><br>
<span style="color:#333333;">平铺图像</span>
<div align="left"  ><blockquote>绘制平铺图像时，需要用到Canvas的createPattern函数（两个参数，第一个参数为平铺的图像，第二个参数确定以哪种方式进行平铺，可选为repeat水平和垂直方向的平铺；repeat-x水平方向重复；repeat-y垂直方向重复；no-repeat不重复）<br>
完整代码：<br>

</blockquote>
</div><br>