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

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

code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!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表示填充的颜色
 
显示效果如下图:
 
<img width="275" height="138" src="http://www.jsjtt.com/d/file/webkaifa/HTML/2013-11-29/7c392bb5d528b9e88d68cdfb3ea56f17.png" alt="svg circle圆形的画法_svg如何画圆【svg教程】">

 

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