在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标签