HTML5 绘制图像 插入图像

    在canvas中显示图片非常简单。可以通过修正层为图片添加印章，拉伸或者修改图片，并且图片通常会成为canvas上的焦点。用HTML5 canvas API内置的几个简单命令可以轻松地为canvas添加图片内容。

    不过，图片增加了canvas操作的复杂度，因为必须等到图片完全加载后才能对其进行操作。浏览器通常会在页面脚本执行的同时异步加载图片。如果试图在图片未完全加载之前就将其呈现到canvas 上，那么canvas将不会显示任何图片。因此，开发人员要特别注意，在呈现之前，应确保图片已经加载完毕。

    为保证在呈现之前图片已完全加载，可以进行回调，即只有当图像加载芫成时才执行后续代码。