在html5中，svg指的是可伸缩矢量图形，是一种绘图方式，可使用XML格式定义用于网络的基于矢量的图形。使用SVG的好处：1、具有分辨率无关性和无限可伸缩性；2、可脚本编写，通过CSS或JS将各种动画和交互添加到绘图中；3、阅读无障碍等。

在HTML5中我们可以通过使用<svg>标签内联SVG，使用HTML的<img>标签、<object>标签、<embed>标签、<iframe>标签导入SVG图像，使用CSS ba

在之前的文章中我们介绍了利用HTML5+CSS3动态画出一个线条笑脸的方法，感兴趣的可以点击链接进行查阅→《如何使用HTML5+CSS3动态画一个笑脸》。这次我们继续聊聊利用HTML5 SVG绘制图案。今天本文的主要内容是：利用HTML5