svg circle圆形的画法_svg如何画圆【svg教程】

svg圆怎么画,画圆的html代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>svg 圆的画法</title>
</head>

<body>
	<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" > 
 	<circle cx="100" cy="100" r="40" fill="red"/> 
</svg> 
</body>

</html>

circle标签中的cx,cy分别为在svg中的x y坐标,r标识圆的半径 fill表示填充的颜色

显示效果如下图:

svg circle圆形的画法_svg如何画圆【svg教程】

 

来源://作者:admin/更新时间:2013-12-01
相关文章
评论:
验证码:
匿名评论: