简述Canvas和SVG的区别 ？
Canvas 和 SVG 都是HTML5提供的技术，用于在网页上绘制图形。它们有一些核心的不同之处。
- 渲染方式：Canvas 是基于像素的位图，它操作的是像素，因此当图形放大后，可能会出现锯齿或者模糊。而 SVG 是基于矢量的，无论放大多少倍，图形都不会失真。
-
操作方式：Canvas 是通过 JavaScript 进行绘图的，一旦图形渲染完成，就无法再进行修改（除非你重新绘制）。而 SVG 是由一系列的图形元素组成的（比如矩形、圆形、线等），这些元素是 DOM 节点，可以通过 JavaScript 或者 CSS 进行修改。
-
性能：由于 Canvas 是一次性渲染，所以对于大量的、频繁变化的图形，Canvas 的性能更好。而 SVG 由于是 DOM 操作，如果图形元素过多，可能会造成性能问题。
-
交互性：由于 SVG 的图形元素是 DOM 节点，因此可以很容易地为它们添加事件监听器，实现交互。而 Canvas 要实现交互，需要自己在 JavaScript 中进行坐标计算，实现起来较为复杂。
-
使用场景：Canvas 更适合做游戏、动画等需要大量动态图形的场景。而 SVG 更适合用于静态图像或者小规模的动态图形，比如图标、地图、信息图等。
举个例子，如果你正在制作一个动态的数据可视化项目，比如一个动态的气候变化模拟。对于这个项目，你可能会选择 Canvas，因为它可以快速地渲染大量的图形，而且可以轻松地实现动画效果。如果你正在制作一个静态的公司logo或者一个可点击的地图，你可能会选择 SVG，因为它可以保证图形的清晰度，并且可以很容易地添加交互事件。