svg ellipse椭圆的画法_svg如何画椭圆【svg教程】
svg如何画椭圆,本文介绍使用svg 的ellipse标签话椭圆的方法
ellipse参数说明:
ellipse:画椭圆标签
cx,cy:椭圆的中心坐标
rx,rx 分别标识椭圆水平半径、垂直半径
fill:长方形的填充颜色
stroke:长方形的边框颜色
stroke-width:边框宽带
fill-opacity:长方形的透明度
stroke-opacity:边框的透明度
svg画椭圆的实例代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> < html > < head > < meta charset = "UTF-8" > < title >svg 椭圆的画法</ title > </ head > < body > < ellipse cx = "110" cy = "80" rx = "100" ry = "50" style = "fill:yellow;stroke:purple;stroke-width:2" /> </ svg > </ svg > </ body > </ html > |
效果图如下:
来源://作者:admin/更新时间:2013-12-02
顶
踩
相关文章: