在canvas中显示图片非常简单。可以通过修正层为图片添加印章、拉伸图片或者修改图片等，并且图片通常会成为canvas上的焦点。用HTML5 Canvas API内置的几个简单命令可以轻松地为canvas添加图片内容。
不过，图片增加了canvas操作的复杂度：必须等到图片完全加载后才能对其进行操作。浏览器通常会在页面脚本执行的同时异步加载图片。如果试图在图片未完全加载之前就将其呈现到canvas上，那么canvas将不会显示任何图片。因此，开发人员要特别注意，在呈现之前，应确保图片已经加载完毕。
有的浏览器有抗锯齿
参考：http://blog.sina.com.cn/s/blog_51047ef701013t3p.html
放弃IE，你将发现美丽新世界
我自己找到解决问题的方法，跟大家分享一下。首先把图片绘制在canvas上，然后用getImage 的方法把图片数据读入数组。遍历数组，对每个像素的rgb和alpha值进行处理，将所有灰色的像素点变成全黑，最后再用putImage的方法把数组复制到canvas上，就能得到线条清晰的像素画。