SVG和Canvas的区别



在HTML5时代，Canvas被提及的次数越来越多，但是你对SVG了解么？SVG和Canvas一样，可以在html文件里面描绘出各种各样的图形。

区别

1）SVG是矢量图，放大不失真，而Canvas是位图，由像素点组成，放大会失真
2）Canvas相较于SVG，支持的颜色数更多，更便于绘制色彩丰富的图像
3）Canvas基于HTML，而SVG基于XML

兼容性

SVG和Canvas都只能在IE8（不包含IE8）以上运行

SVG的引入方式

1）以单个文件的形式独立存在，后缀名为.svg，可以在html文件中以img标签的src，元素背景，框架等引入
2）直接在html文件中引入SVG标签