html5支持可伸缩矢量图形，在图像放大或者缩小的情况下，图像不会失真。
方法/步骤
1
SVG是可伸缩矢量图形，是用xml定义的，当图片放大缩小时，图片质量不会损失。
2
svg有很多优势：可以用文本编辑器修改，可以不损失质量的情况下放大和缩小。
3
svg支持市面上大部分浏览器，比如：IE浏览器、火狐浏览器、谷歌浏览器、Opera浏览器、Safari浏览器等等。
4
svg可以用xml形式嵌入到文本文档中。
5
嵌入文本文档中，打开浏览器，这个可伸缩矢量图形是个五角星。
6
svg是一种绘制2d图形的语言，Canvas通过JavaScript绘制2d图形。他们之间还是有区别的。
7
接下来我们比较一下SVG 和Canvas。
上一篇：如何用PS软件设计花纹图片