svg ellipse椭圆的画法_svg如何画椭圆【svg教程】

svg如何画椭圆,本文介绍使用svg 的ellipse标签话椭圆的方法

ellipse参数说明:

ellipse:画椭圆标签
cx,cy:椭圆的中心坐标
rx,rx 分别标识椭圆水平半径、垂直半径
fill:长方形的填充颜色
stroke:长方形的边框颜色
stroke-width:边框宽带
fill-opacity:长方形的透明度
stroke-opacity:边框的透明度

svg画椭圆的实例代码:

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

<body>
    <svg xmlns="http://www.w3.org/2000/svg"> 
        <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
		  <ellipse cx="110" cy="80" rx="100" ry="50" 
		  style="fill:yellow;stroke:purple;stroke-width:2"/>	  
		</svg> 
 
    </svg>     
</body>

</html> 

效果图如下:

svg ellipse椭圆的画法_svg如何画椭圆【svg教程】

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