37.Canvas 与 SVG 介绍与区别

Canvas 与 SVG 介绍与区别

Canvas 是基于位图的，使用 JavaScript 动态绘制，适合需要频繁更新的场景，比如游戏或数据可视化。而 SVG 是矢量图形，基于 XML，每个元素都是 DOM 的一部分，适合需要交互和缩放的高质量图形，比如图表或图标。

比如渲染方式的不同，Canvas 是立即模式，SVG 是保留模式。性能方面，Canvas 在处理大量元素时更高效，而 SVG 在元素较少时更容易操作。还有是否支持事件绑定，Canvas 需要手动处理，而 SVG 可以直接绑定事件。