为什么会使用html5画布来绘制图像而不是使用<img/>？

Question

我过了a tutorial on html5 canvas。其中一个部分是教你如何根据图像绘制画布。虽然一切都很好，但我很困惑为什么使用画布而不是简单地使用<img>加载图像。

Answer 1

你可以用这种方式对原作进行图像处理：想想Instagram风格的滤镜或ChromaKey（绿屏）。

Answer 2

使用精灵的游戏，
带纹理多边形的3D游戏，
图像编辑功能，
实时裁剪和缩放，
图像过滤器实时...

如果你 只是 使用画布来加载图片，这将是一项绝对没有回报的工作，因为你实际上必须 将图像加载到img元素或Image()对象中，然后才能在画布上使用 。