SVG介紹以及實(shí)例-來(lái)自MDN
SVG：可伸縮的矢量圖形
微信截圖_20180109194409.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SVG介紹</title>
</head>
<body>
//可以通過(guò)修改自定義標(biāo)簽的width和height來(lái)修改矢量圖的大小
<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>
