canvas有个很强大的api是drawImage()（w3c）：他的主要功能就是绘制图片、视频，甚至其他画布等。问题：慕名赶来,却一脚踩空,低头一看,地上一个大坑。事情是这样的,在我看完w3c的介绍和很有说服力和教学力的demo后

<canvas id="canvas" width="600" height="500" style="background-color: yellow;"

获取Image对象，new出来定义Image对象的src属性，参数：图片路径定义Image对象的onload方法，调用context对象的drawImage()方法，参数：Image对象，x坐标，y坐标 重载方法，调用context