SVG基础一

基本图形：圆形；
cirle  : 设计属性cx，cy圆中心坐标；r半径；fill填充色；stroke边框颜色；stroke-width边框宽度；
<svg xmlns="http://www.w3.org/2000/svg">
	<circle cx="40" cy="100" r="40" fill="green" stroke="black" stroke-width="20"></circle>
</svg>

边框并不会撑大元素

矩形；rect;涉及属性：x,y左上角坐标；width，height宽度和高度；rx,ry弧度
<svg xmlns="http://www.w3.org/2000/svg">
	<rect x="50" y="100" width="100" height="100" fill="green" stroke="black" rx="10" ry='10'></rect>
</svg>

线：line；涉及属性：x1,y1起始坐标；x2,y2终点坐标；stroke(-width)线条颜色及宽度；
<svg xmlns="http://www.w3.org/2000/svg">
	<line x1="50" y1="100" x2="500" y2="500" stroke="black" stroke-width="5"></line>
</svg>

fill="transparent"背景色为透明