SVG介绍以及实例-来自MDN
SVG：可伸缩的矢量图形
微信截图_20180109194409.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SVG介绍</title>
</head>
<body>
//可以通过修改自定义标签的width和height来修改矢量图的大小
<svg width="120" height="120" viewBox="0 0 120 120" version="1.1">
<circle r="50" cx="60" cy="60"></circle>
</svg>
<svg width="300px" height="100px">
<rect x="0" y="0" width="300" height="100" stroke="black" stroke-width="1" />
<circle cx="0" cy="50" r="15" fill="blue" stroke="black" stroke-width="1">
<animate attributeName="cx" from="0" to="100" dur="5s" repeatCount="indefinite" />
</circle>
</svg>
</body>
</html>
