Canvas和SVG的通俗解释_通常是_GIF支持动画适合简单的图形和图像

Canvas和SVG的区别：通俗解释

一、绘制的图片格式不同

Canvas就像是一张白纸，你可以在上面用笔（也就是代码）画各种图形，画完之后可以保存成图片，通常是.png或.jpg这种。这种画出来的图片就像你家里的照片，放大了可能会模糊。

二、Canvas不支持事件处理器，SVG支持事件处理器

想象一下Canvas是个画板，你画的东西是固定的，你不能让它自己动或者对用户的点击做出反应。而SVG就像是动画片里的角色，可以动，还能对用户的点击做出反应，就像游戏里的角色一样。

三、适用范围不同

Canvas适合那些需要频繁更新的画面，比如游戏里的角色移动或者变化。而SVG适合那些不需要频繁更新的东西，比如地图或者图标，它们可以很大，但不会失真。

图片格式的区别

不同的图片格式就像不同的工具，适合不同的工作。

• JPEG：适合照片，文件小，但压缩过程中会丢失一些质量。
• PNG：无损压缩，适合网站图形和图标，文件大。
• GIF：支持动画，适合简单的图形和图像。
• BMP：无损，适合Windows系统，文件大。
• SVG：矢量图，无损放大缩小，适合图标。

选择哪种格式取决于你需要什么，比如文件大小、图片质量、是否需要透明度或动画等。