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

Question

我正在浏览html5画布上的教程 。 其中一个部分是教你如何根据图像绘制画布。 虽然一切都很好，但我很困惑为什么使用画布而不是简单地使用<img>加载图像。

Answer 1

您可以通过这种方式对原始图像进行操作：想想Instagram风格的过滤器或ChromaKey（绿色屏幕）。

Answer 2

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

如果您只是使用画布来加载图像，那么绝对没有收益会有很多工作，因为您实际上必须将图像加载到img元素或Image()对象中，然后才能使用它在画布上 。