本教程操作环境：windows10系统、css3&&html5版、dell g3电脑。
css3动画效果属性canvas和svg的区别是什么canvas主要是用笔刷来动态画2d图
svg主要是用标签来绘制不规则的矢量图
两个都主要是用来画2d图形的
不同点：
canvas画的是位图，但是svg画的是矢量图
svg节点多时渲染慢，canvas性能更好，但是写起来比较复杂
svg支持分层和事件，canvas不支持，但是可以用库来实现
canvas依赖分辨率，svg不依赖分辨率
canvas绘制出来的图形不会出现在dom当中，但是svg绘制的会出现在dom当中
canvas优势：
适合游戏等场所，同时canvas绘制出来的图形可以导出
svg优势：
因为是矢量图，所以放大之后也不会失真，支持事件处理，文字独立，可以进行编辑和搜索
（学习视频分享：css视频教程）
以上就是css3动画效果属性canvas和svg的区别是什么的详细内容。