成都web前端培训
成都达内金融街中心

18328393564

热门课程

web前端-SVG圆形和椭圆

  • 时间:2016-10-13 15:31
  • 发布:达内杨老师
  • 来源:达内

圆形<circle>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">

<circle cx="100" cy="50" r="40" stroke="black"

stroke-width="2" fill="red"/>

</svg>

cx和cy属性定义圆点的x和y坐标。如果省略cx和cy,圆的中心会被设置为(0, 0)

r属性定义圆的半径

椭圆<ellipse>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">

<ellipse cx="240" cy="100" rx="220" ry="30" style="fill:purple"/>

<ellipse cx="220" cy="70" rx="190" ry="20" style="fill:lime"/>

<ellipse cx="210" cy="45" rx="170" ry="15" style="fill:yellow"/>

</svg>

CX属性定义的椭圆中心的x坐标

CY属性定义的椭圆中心的y坐标

RX属性定义的水平半径

RY属性定义的垂直半径

上一篇:web前端-SVG元素分享
下一篇:web前端-SVG矩形
选择城市和中心
贵州省

广西省

海南省