1# ellipse<a name="ZH-CN_TOPIC_0000001209977055"></a> 2 3椭圆形状。 4 5> **说明：** 6>从API Version 7 开始支持。 7 8## 权限列表<a name="zh-cn_topic_0000001127125054_section11257113618419"></a> 9 10无 11 12## 子组件<a name="zh-cn_topic_0000001127125054_section9288143101012"></a> 13 14支持animate、animateMotion、animateTransform。 15 16## 属性<a name="zh-cn_topic_0000001127125054_section2907183951110"></a> 17 18支持所列的Svg组件通用属性和以下表格的属性。 19 20<a name="zh-cn_topic_0000001127125054_table20633101642315"></a> 21<table><thead align="left"><tr id="zh-cn_topic_0000001127125054_row663331618238"><th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001127125054_aaf1247770b244944bbcc9f28d9a6f00b"><a name="zh-cn_topic_0000001127125054_aaf1247770b244944bbcc9f28d9a6f00b"></a><a name="zh-cn_topic_0000001127125054_aaf1247770b244944bbcc9f28d9a6f00b"></a>名称</p> 22</th> 23<th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001127125054_a6efc3502761f4faf9630e484280f75b6"><a name="zh-cn_topic_0000001127125054_a6efc3502761f4faf9630e484280f75b6"></a><a name="zh-cn_topic_0000001127125054_a6efc3502761f4faf9630e484280f75b6"></a>类型</p> 24</th> 25<th class="cellrowborder" valign="top" width="10.48%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001127125054_a27a37273d9ad47569ddbcb8db985d302"><a name="zh-cn_topic_0000001127125054_a27a37273d9ad47569ddbcb8db985d302"></a><a name="zh-cn_topic_0000001127125054_a27a37273d9ad47569ddbcb8db985d302"></a>默认值</p> 26</th> 27<th class="cellrowborder" valign="top" width="7.5200000000000005%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001127125054_p824610360217"><a name="zh-cn_topic_0000001127125054_p824610360217"></a><a name="zh-cn_topic_0000001127125054_p824610360217"></a>必填</p> 28</th> 29<th class="cellrowborder" valign="top" width="35.76%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001127125054_a2ff3361bfd3b420ba4967452d2ddd098"><a name="zh-cn_topic_0000001127125054_a2ff3361bfd3b420ba4967452d2ddd098"></a><a name="zh-cn_topic_0000001127125054_a2ff3361bfd3b420ba4967452d2ddd098"></a>描述</p> 30</th> 31</tr> 32</thead> 33<tbody><tr id="zh-cn_topic_0000001127125054_row36332165231"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125054_a83b6dd280109466fb015e64de1ef4df3"><a name="zh-cn_topic_0000001127125054_a83b6dd280109466fb015e64de1ef4df3"></a><a name="zh-cn_topic_0000001127125054_a83b6dd280109466fb015e64de1ef4df3"></a>id</p> 34</td> 35<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125054_abc38fa2b85854bc687af75eb17a00a4d"><a name="zh-cn_topic_0000001127125054_abc38fa2b85854bc687af75eb17a00a4d"></a><a name="zh-cn_topic_0000001127125054_abc38fa2b85854bc687af75eb17a00a4d"></a>string</p> 36</td> 37<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125054_a8d12e4af905d4743a5ec9cd6018d2972"><a name="zh-cn_topic_0000001127125054_a8d12e4af905d4743a5ec9cd6018d2972"></a><a name="zh-cn_topic_0000001127125054_a8d12e4af905d4743a5ec9cd6018d2972"></a>-</p> 38</td> 39<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125054_p42461736102118"><a name="zh-cn_topic_0000001127125054_p42461736102118"></a><a name="zh-cn_topic_0000001127125054_p42461736102118"></a>否</p> 40</td> 41<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125054_a1a1731af05554f119fa365748f276bb2"><a name="zh-cn_topic_0000001127125054_a1a1731af05554f119fa365748f276bb2"></a><a name="zh-cn_topic_0000001127125054_a1a1731af05554f119fa365748f276bb2"></a>组件的唯一标识。</p> 42</td> 43</tr> 44<tr id="zh-cn_topic_0000001127125054_row1634171618236"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125054_a3cf785e2a2a043268d168f58d59207c8"><a name="zh-cn_topic_0000001127125054_a3cf785e2a2a043268d168f58d59207c8"></a><a name="zh-cn_topic_0000001127125054_a3cf785e2a2a043268d168f58d59207c8"></a>cx</p> 45</td> 46<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125054_aa9b258d23e1e425dbc2ffe8edbc91a42"><a name="zh-cn_topic_0000001127125054_aa9b258d23e1e425dbc2ffe8edbc91a42"></a><a name="zh-cn_topic_0000001127125054_aa9b258d23e1e425dbc2ffe8edbc91a42"></a><length>|<percentage></p> 47</td> 48<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125054_ac312df4f14444c98955ed055456848a7"><a name="zh-cn_topic_0000001127125054_ac312df4f14444c98955ed055456848a7"></a><a name="zh-cn_topic_0000001127125054_ac312df4f14444c98955ed055456848a7"></a>0</p> 49</td> 50<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125054_p1624612362219"><a name="zh-cn_topic_0000001127125054_p1624612362219"></a><a name="zh-cn_topic_0000001127125054_p1624612362219"></a>否</p> 51</td> 52<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125054_p62121758111517"><a name="zh-cn_topic_0000001127125054_p62121758111517"></a><a name="zh-cn_topic_0000001127125054_p62121758111517"></a>设置椭圆的x轴坐标。支持属性动画</p> 53</td> 54</tr> 55<tr id="zh-cn_topic_0000001127125054_row1259531661611"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125054_p1359601671613"><a name="zh-cn_topic_0000001127125054_p1359601671613"></a><a name="zh-cn_topic_0000001127125054_p1359601671613"></a>cy</p> 56</td> 57<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125054_p65967163165"><a name="zh-cn_topic_0000001127125054_p65967163165"></a><a name="zh-cn_topic_0000001127125054_p65967163165"></a><length>|<percentage></p> 58</td> 59<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125054_p10596151671610"><a name="zh-cn_topic_0000001127125054_p10596151671610"></a><a name="zh-cn_topic_0000001127125054_p10596151671610"></a>0</p> 60</td> 61<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125054_p1059610169169"><a name="zh-cn_topic_0000001127125054_p1059610169169"></a><a name="zh-cn_topic_0000001127125054_p1059610169169"></a>否</p> 62</td> 63<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125054_p125961416161611"><a name="zh-cn_topic_0000001127125054_p125961416161611"></a><a name="zh-cn_topic_0000001127125054_p125961416161611"></a>设置椭圆的y轴坐标。支持属性动画</p> 64</td> 65</tr> 66<tr id="zh-cn_topic_0000001127125054_row11404114510176"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125054_p11404124541714"><a name="zh-cn_topic_0000001127125054_p11404124541714"></a><a name="zh-cn_topic_0000001127125054_p11404124541714"></a>rx</p> 67</td> 68<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125054_p108919015549"><a name="zh-cn_topic_0000001127125054_p108919015549"></a><a name="zh-cn_topic_0000001127125054_p108919015549"></a><length>|<percentage></p> 69</td> 70<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125054_p20892019541"><a name="zh-cn_topic_0000001127125054_p20892019541"></a><a name="zh-cn_topic_0000001127125054_p20892019541"></a>0</p> 71</td> 72<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125054_p7893010540"><a name="zh-cn_topic_0000001127125054_p7893010540"></a><a name="zh-cn_topic_0000001127125054_p7893010540"></a>否</p> 73</td> 74<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125054_p78950185420"><a name="zh-cn_topic_0000001127125054_p78950185420"></a><a name="zh-cn_topic_0000001127125054_p78950185420"></a>设置椭圆x轴的半径。支持属性动画</p> 75</td> 76</tr> 77<tr id="zh-cn_topic_0000001127125054_row75241175410"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125054_p117241850155416"><a name="zh-cn_topic_0000001127125054_p117241850155416"></a><a name="zh-cn_topic_0000001127125054_p117241850155416"></a>ry</p> 78</td> 79<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125054_p4724125035416"><a name="zh-cn_topic_0000001127125054_p4724125035416"></a><a name="zh-cn_topic_0000001127125054_p4724125035416"></a><length>|<percentage></p> 80</td> 81<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125054_p117241350155416"><a name="zh-cn_topic_0000001127125054_p117241350155416"></a><a name="zh-cn_topic_0000001127125054_p117241350155416"></a>0</p> 82</td> 83<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125054_p4724145065420"><a name="zh-cn_topic_0000001127125054_p4724145065420"></a><a name="zh-cn_topic_0000001127125054_p4724145065420"></a>否</p> 84</td> 85<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125054_p107241750205414"><a name="zh-cn_topic_0000001127125054_p107241750205414"></a><a name="zh-cn_topic_0000001127125054_p107241750205414"></a>设置椭圆y轴的半径。支持属性动画</p> 86</td> 87</tr> 88</tbody> 89</table> 90 91## 示例<a name="zh-cn_topic_0000001127125054_section360556124815"></a> 92 93``` 94<!-- xxx.hml --> 95<div class="container"> 96 <svg fill="white" width="400" height="400"> 97 <ellipse cx="60" cy="200" rx="50" ry="100" stroke-width="4" fill="red" stroke="blue"></ellipse> 98 <ellipse cx="220" cy="200" rx="100" ry="50" stroke-width="5" stroke="red" stroke-dasharray="10 5" stroke-dashoffset="3"></ellipse> 99 </svg> 100</div> 101``` 102 103 104 105
