SVG 与 HTML5 的 canvas 各有啥优点，哪个更有前途

Posted 2023-05-16

canvas其实本质控制的是渲染，不管里面如何复杂，每一次改变画布都需要重新渲染，而svg不需要，所以两者就很能凸显各自用途，比如canvas的渲染特效不需要复杂的层叠运算，只需要输出最终的渲染结果，所以效率好，而svg只是用于描述二维矢量图形的一种图形格式，保真度较高 ，所以谷歌地图百度地图都会用到，canvas控制的是像素块，svg是矢量信息。两者概念你可以类比位图和矢量图的概念，位图存的是像素块，矢量图存的是路径，canvas是输出渲染像素块，svg是输出矢量路径，其它区别都是围绕这个展开的！ 参考技术A SVG 基于 XML,每个被绘制的图形均被视为对象。
Canvas 通过 JavaScript 来绘制 2D 图形,Canvas 是逐像素进行渲染的。
两者各有不同的应用场景，至于canvas游戏开发也不过是一些休闲小游戏，目前也没有游戏引擎。
我个人觉得两者都没有什么前途。

canvas与svg的区别

Canvas 1. canvas通过javascript来绘制2D图形。 2. canvas是逐个像素进行渲染。 3. 在canvas中，图形绘制完成后，它就不会继续得到浏览器的关注。如果位置、大小等发生变化，那么整个canvas场景也需要重新绘制，根据变化不同，会产生一定程度的重排或重绘。 4.