# SVG入门
SVG 意为可缩放矢量图形(Scalable Vector Graphics)。
本章将简单介绍svg的基础形状。如需要查询复杂的属性使用,请移步[svg-MDN](https://developer.mozilla.org/zh-CN/docs/Web/SVG)
SVG在html中使用比较简单
```html
<div>
<svg width="600" height="300">
<cilcle cx="100" cy="100" r="50"/>
</svg>
</div>
```
需要注意在svg中的width和height是不需要制定单位的。
svg可以嵌套使用,在部分情况下代替g来进行封闭一些超出的显示。
PS:在后期涉及到的部分再添加部分内容。