svg 渲染

作者: 严重缺凯症又犯了
来源: 51数据库
2020-09-29

canvas其实本质控制的是渲染，不管里面如何复杂，每一次改变画布都需要重新渲染，而svg不需要，所以两者就很能凸显各自用途，比如canvas的渲染特效不需要复杂的层叠运算，只需要输出最终的渲染结果，所以效率好，而svg只是用于描述二维矢量图形的一种图形格式，保真度较高，所以谷歌地图百度地图都会用到，canvas控制的是像素块，svg是矢量信息。两者概念你可以类比位图和矢量图的概念，位图存的是像素块，矢量图存的是路径，canvas是输出渲染像素块，svg是输出矢量路径，其它区别都是围绕这个展开的！

　　svg一般都是用来画图标和循环帧

canvas是画图的两个根本不一个类型没法比
svg 做静态图图标尺量图之类
canvas 可以画图粒子动画游戏 3d
如果真要比的话canvas好些因为svg的东西canvas基本都能做出来 canvas做的东西svg做不出来
前途的话最好都学svg挺好学的并不难肯定canvas更有前途毕竟canvas相当于一个体系了

推荐阅读