教程 > svg 教程 > 阅读:28

svg 椭圆——迹忆客-ag捕鱼王app官网


svg 椭圆 -

实例 1

元素是用来创建一个椭圆:

椭圆与圆很相似。不同之处在于椭圆有不同的x和y半径,而圆的x和y半径是相同的:

下面是svg代码:

实例


  

代码解析:

  • cx属性定义的椭圆中心的x坐标
  • cy属性定义的椭圆中心的y坐标
  • rx属性定义的水平半径
  • ry属性定义的垂直半径

实例 2

下面的例子创建了三个累叠而上的椭圆:

下面是svg代码:

实例


  
  
  


实例 3

下面的例子组合了两个椭圆(一个黄的和一个白的):

下面是svg代码:

实例


  
  

查看笔记

扫码一下
查看教程更方便
网站地图