Canvas和SVG 有哪些关键差异？

【概念释义】

Canvas 和 SVG 是浏览器中两种主流的图形绘制技术。Canvas 基于像素（位图），通过 JavaScript 在画布上逐像素绘制，绘制完成后图形不再保留为独立对象；SVG 基于矢量（可缩放矢量图形），使用 XML 描述图形，每个图形元素都是 DOM 节点，可独立操作。

核心作用：Canvas 适合高性能、频繁重绘的场景（如游戏、实时数据可视化）；SVG 适合高保真、可交互、可缩放的静态图形（如图标、图表、地图）。

通俗解释：Canvas 就像用画笔在纸上画画，画完就变成像素，无法单独修改某个元素；SVG 就像用积木搭模型，每块积木都是独立对象，可以随时移动、变色、删除。