• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 通用属性<a name="ZH-CN_TOPIC_0000001209849363"></a>
2
3<a name="zh-cn_topic_0000001210298229_table20633101642315"></a>
4<table><thead align="left"><tr id="zh-cn_topic_0000001210298229_row663331618238"><th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001210298229_aaf1247770b244944bbcc9f28d9a6f00b"><a name="zh-cn_topic_0000001210298229_aaf1247770b244944bbcc9f28d9a6f00b"></a><a name="zh-cn_topic_0000001210298229_aaf1247770b244944bbcc9f28d9a6f00b"></a>名称</p>
5</th>
6<th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001210298229_a6efc3502761f4faf9630e484280f75b6"><a name="zh-cn_topic_0000001210298229_a6efc3502761f4faf9630e484280f75b6"></a><a name="zh-cn_topic_0000001210298229_a6efc3502761f4faf9630e484280f75b6"></a>类型</p>
7</th>
8<th class="cellrowborder" valign="top" width="10.48%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001210298229_a27a37273d9ad47569ddbcb8db985d302"><a name="zh-cn_topic_0000001210298229_a27a37273d9ad47569ddbcb8db985d302"></a><a name="zh-cn_topic_0000001210298229_a27a37273d9ad47569ddbcb8db985d302"></a>默认值</p>
9</th>
10<th class="cellrowborder" valign="top" width="7.5200000000000005%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001210298229_p824610360217"><a name="zh-cn_topic_0000001210298229_p824610360217"></a><a name="zh-cn_topic_0000001210298229_p824610360217"></a>必填</p>
11</th>
12<th class="cellrowborder" valign="top" width="35.76%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001210298229_a2ff3361bfd3b420ba4967452d2ddd098"><a name="zh-cn_topic_0000001210298229_a2ff3361bfd3b420ba4967452d2ddd098"></a><a name="zh-cn_topic_0000001210298229_a2ff3361bfd3b420ba4967452d2ddd098"></a>描述</p>
13</th>
14</tr>
15</thead>
16<tbody><tr id="zh-cn_topic_0000001210298229_row36332165231"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001210298229_a83b6dd280109466fb015e64de1ef4df3"><a name="zh-cn_topic_0000001210298229_a83b6dd280109466fb015e64de1ef4df3"></a><a name="zh-cn_topic_0000001210298229_a83b6dd280109466fb015e64de1ef4df3"></a>fill</p>
17</td>
18<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001210298229_abc38fa2b85854bc687af75eb17a00a4d"><a name="zh-cn_topic_0000001210298229_abc38fa2b85854bc687af75eb17a00a4d"></a><a name="zh-cn_topic_0000001210298229_abc38fa2b85854bc687af75eb17a00a4d"></a>&lt;color&gt;</p>
19</td>
20<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001210298229_a8d12e4af905d4743a5ec9cd6018d2972"><a name="zh-cn_topic_0000001210298229_a8d12e4af905d4743a5ec9cd6018d2972"></a><a name="zh-cn_topic_0000001210298229_a8d12e4af905d4743a5ec9cd6018d2972"></a>black</p>
21</td>
22<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001210298229_p42461736102118"><a name="zh-cn_topic_0000001210298229_p42461736102118"></a><a name="zh-cn_topic_0000001210298229_p42461736102118"></a>否</p>
23</td>
24<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001210298229_a1a1731af05554f119fa365748f276bb2"><a name="zh-cn_topic_0000001210298229_a1a1731af05554f119fa365748f276bb2"></a><a name="zh-cn_topic_0000001210298229_a1a1731af05554f119fa365748f276bb2"></a>使用简写属性设置元素的填充色。支持属性动画。</p>
25</td>
26</tr>
27<tr id="zh-cn_topic_0000001210298229_row13633131616239"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001210298229_a97f90720f6ef448fb3afbb3b1c13ae25"><a name="zh-cn_topic_0000001210298229_a97f90720f6ef448fb3afbb3b1c13ae25"></a><a name="zh-cn_topic_0000001210298229_a97f90720f6ef448fb3afbb3b1c13ae25"></a>fill-opacity</p>
28</td>
29<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001210298229_a165d9cd14ccf4127b2e22cc6397680ac"><a name="zh-cn_topic_0000001210298229_a165d9cd14ccf4127b2e22cc6397680ac"></a><a name="zh-cn_topic_0000001210298229_a165d9cd14ccf4127b2e22cc6397680ac"></a>number</p>
30</td>
31<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001210298229_a836c513375114f6dac7693e0b4f33230"><a name="zh-cn_topic_0000001210298229_a836c513375114f6dac7693e0b4f33230"></a><a name="zh-cn_topic_0000001210298229_a836c513375114f6dac7693e0b4f33230"></a>1</p>
32</td>
33<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001210298229_p17246836142119"><a name="zh-cn_topic_0000001210298229_p17246836142119"></a><a name="zh-cn_topic_0000001210298229_p17246836142119"></a>否</p>
34</td>
35<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001210298229_adbe7ecbee96b4f938b04a4b8d62791bf"><a name="zh-cn_topic_0000001210298229_adbe7ecbee96b4f938b04a4b8d62791bf"></a><a name="zh-cn_topic_0000001210298229_adbe7ecbee96b4f938b04a4b8d62791bf"></a>填充色的透明度,取值范围为0到1,1表示为不透明,0表示为完全透明。支持属性动画。</p>
36</td>
37</tr>
38<tr id="zh-cn_topic_0000001210298229_row1946552964610"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001210298229_p946522913468"><a name="zh-cn_topic_0000001210298229_p946522913468"></a><a name="zh-cn_topic_0000001210298229_p946522913468"></a>fill-rule</p>
39</td>
40<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001210298229_p1146512964611"><a name="zh-cn_topic_0000001210298229_p1146512964611"></a><a name="zh-cn_topic_0000001210298229_p1146512964611"></a>nonzero | evenodd</p>
41</td>
42<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001210298229_p144651829184615"><a name="zh-cn_topic_0000001210298229_p144651829184615"></a><a name="zh-cn_topic_0000001210298229_p144651829184615"></a>nonzero</p>
43</td>
44<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001210298229_p34651229104619"><a name="zh-cn_topic_0000001210298229_p34651229104619"></a><a name="zh-cn_topic_0000001210298229_p34651229104619"></a>否</p>
45</td>
46<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001210298229_p174651329114611"><a name="zh-cn_topic_0000001210298229_p174651329114611"></a><a name="zh-cn_topic_0000001210298229_p174651329114611"></a>nonzero:非零规则; evenodd:奇偶规则</p>
47</td>
48</tr>
49<tr id="zh-cn_topic_0000001210298229_row10634131610230"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001210298229_a4a0bae0e1bb946d6bc7bf30e0a535343"><a name="zh-cn_topic_0000001210298229_a4a0bae0e1bb946d6bc7bf30e0a535343"></a><a name="zh-cn_topic_0000001210298229_a4a0bae0e1bb946d6bc7bf30e0a535343"></a>opacity</p>
50</td>
51<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001210298229_a2679e4565dbc4370b40d1be831a6148d"><a name="zh-cn_topic_0000001210298229_a2679e4565dbc4370b40d1be831a6148d"></a><a name="zh-cn_topic_0000001210298229_a2679e4565dbc4370b40d1be831a6148d"></a>number</p>
52</td>
53<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001210298229_a0b0d56a245e14779a5561f99cd1ce9f6"><a name="zh-cn_topic_0000001210298229_a0b0d56a245e14779a5561f99cd1ce9f6"></a><a name="zh-cn_topic_0000001210298229_a0b0d56a245e14779a5561f99cd1ce9f6"></a>1</p>
54</td>
55<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001210298229_p324614367213"><a name="zh-cn_topic_0000001210298229_p324614367213"></a><a name="zh-cn_topic_0000001210298229_p324614367213"></a>否</p>
56</td>
57<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001210298229_aa0471c31e05e465aa9c42312b9ab9f6f"><a name="zh-cn_topic_0000001210298229_aa0471c31e05e465aa9c42312b9ab9f6f"></a><a name="zh-cn_topic_0000001210298229_aa0471c31e05e465aa9c42312b9ab9f6f"></a>元素的透明度,取值范围为0到1,1表示为不透明,0表示为完全透明。支持属性动画。</p>
58</td>
59</tr>
60<tr id="zh-cn_topic_0000001210298229_row1634171618236"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001210298229_a3cf785e2a2a043268d168f58d59207c8"><a name="zh-cn_topic_0000001210298229_a3cf785e2a2a043268d168f58d59207c8"></a><a name="zh-cn_topic_0000001210298229_a3cf785e2a2a043268d168f58d59207c8"></a>stroke</p>
61</td>
62<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001210298229_p191327514246"><a name="zh-cn_topic_0000001210298229_p191327514246"></a><a name="zh-cn_topic_0000001210298229_p191327514246"></a>&lt;color&gt;</p>
63</td>
64<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001210298229_p113205122410"><a name="zh-cn_topic_0000001210298229_p113205122410"></a><a name="zh-cn_topic_0000001210298229_p113205122410"></a>-</p>
65</td>
66<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001210298229_p1624612362219"><a name="zh-cn_topic_0000001210298229_p1624612362219"></a><a name="zh-cn_topic_0000001210298229_p1624612362219"></a>否</p>
67</td>
68<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001210298229_p62121758111517"><a name="zh-cn_topic_0000001210298229_p62121758111517"></a><a name="zh-cn_topic_0000001210298229_p62121758111517"></a>设置形状轮廓的颜色。支持属性动画。</p>
69</td>
70</tr>
71<tr id="zh-cn_topic_0000001210298229_row1259531661611"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001210298229_p1359601671613"><a name="zh-cn_topic_0000001210298229_p1359601671613"></a><a name="zh-cn_topic_0000001210298229_p1359601671613"></a>stroke-dasharray</p>
72</td>
73<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001210298229_p65967163165"><a name="zh-cn_topic_0000001210298229_p65967163165"></a><a name="zh-cn_topic_0000001210298229_p65967163165"></a>&lt;string&gt;</p>
74</td>
75<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001210298229_p10596151671610"><a name="zh-cn_topic_0000001210298229_p10596151671610"></a><a name="zh-cn_topic_0000001210298229_p10596151671610"></a>-</p>
76</td>
77<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001210298229_p1059610169169"><a name="zh-cn_topic_0000001210298229_p1059610169169"></a><a name="zh-cn_topic_0000001210298229_p1059610169169"></a>否</p>
78</td>
79<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001210298229_p125961416161611"><a name="zh-cn_topic_0000001210298229_p125961416161611"></a><a name="zh-cn_topic_0000001210298229_p125961416161611"></a>指定短划线和缺口的长度。格式为[length length length length],短划线和缺口的长度中间空格隔开成对出现。</p>
80</td>
81</tr>
82<tr id="zh-cn_topic_0000001210298229_row860211185222"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001210298229_p17603818142214"><a name="zh-cn_topic_0000001210298229_p17603818142214"></a><a name="zh-cn_topic_0000001210298229_p17603818142214"></a>stroke-dashoffset</p>
83</td>
84<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001210298229_p1860313181224"><a name="zh-cn_topic_0000001210298229_p1860313181224"></a><a name="zh-cn_topic_0000001210298229_p1860313181224"></a>&lt;length&gt;</p>
85</td>
86<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001210298229_p2603131892217"><a name="zh-cn_topic_0000001210298229_p2603131892217"></a><a name="zh-cn_topic_0000001210298229_p2603131892217"></a>0</p>
87</td>
88<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001210298229_p13603518122217"><a name="zh-cn_topic_0000001210298229_p13603518122217"></a><a name="zh-cn_topic_0000001210298229_p13603518122217"></a>否</p>
89</td>
90<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001210298229_p7603151814225"><a name="zh-cn_topic_0000001210298229_p7603151814225"></a><a name="zh-cn_topic_0000001210298229_p7603151814225"></a>设置关联虚线数组渲染时的偏移量。支持属性动画</p>
91</td>
92</tr>
93<tr id="zh-cn_topic_0000001210298229_row11404114510176"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001210298229_p11404124541714"><a name="zh-cn_topic_0000001210298229_p11404124541714"></a><a name="zh-cn_topic_0000001210298229_p11404124541714"></a>stroke-linejoin</p>
94</td>
95<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001210298229_p1640474511172"><a name="zh-cn_topic_0000001210298229_p1640474511172"></a><a name="zh-cn_topic_0000001210298229_p1640474511172"></a>[bevel | miter | round]</p>
96</td>
97<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001210298229_p740494521712"><a name="zh-cn_topic_0000001210298229_p740494521712"></a><a name="zh-cn_topic_0000001210298229_p740494521712"></a>miter</p>
98</td>
99<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001210298229_p04046452179"><a name="zh-cn_topic_0000001210298229_p04046452179"></a><a name="zh-cn_topic_0000001210298229_p04046452179"></a>否</p>
100</td>
101<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001210298229_p740434541717"><a name="zh-cn_topic_0000001210298229_p740434541717"></a><a name="zh-cn_topic_0000001210298229_p740434541717"></a>进行描边时在路径的拐角处使用的形状。</p>
102<p id="zh-cn_topic_0000001210298229_p1432771818271"><a name="zh-cn_topic_0000001210298229_p1432771818271"></a><a name="zh-cn_topic_0000001210298229_p1432771818271"></a>bevel:使用斜角连接路径段;</p>
103<p id="zh-cn_topic_0000001210298229_p16327131852712"><a name="zh-cn_topic_0000001210298229_p16327131852712"></a><a name="zh-cn_topic_0000001210298229_p16327131852712"></a>miter:使用尖角连接路径段;</p>
104<p id="zh-cn_topic_0000001210298229_p1232715183278"><a name="zh-cn_topic_0000001210298229_p1232715183278"></a><a name="zh-cn_topic_0000001210298229_p1232715183278"></a>round:使用圆角连接路径段。</p>
105</td>
106</tr>
107<tr id="zh-cn_topic_0000001210298229_row1956184215171"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001210298229_p85621442121713"><a name="zh-cn_topic_0000001210298229_p85621442121713"></a><a name="zh-cn_topic_0000001210298229_p85621442121713"></a>stroke-linecap</p>
108</td>
109<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001210298229_p656219422171"><a name="zh-cn_topic_0000001210298229_p656219422171"></a><a name="zh-cn_topic_0000001210298229_p656219422171"></a>[butt | round | square]</p>
110</td>
111<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001210298229_p10562442131715"><a name="zh-cn_topic_0000001210298229_p10562442131715"></a><a name="zh-cn_topic_0000001210298229_p10562442131715"></a>butt</p>
112</td>
113<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001210298229_p1256234291718"><a name="zh-cn_topic_0000001210298229_p1256234291718"></a><a name="zh-cn_topic_0000001210298229_p1256234291718"></a>否</p>
114</td>
115<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001210298229_p1256204215175"><a name="zh-cn_topic_0000001210298229_p1256204215175"></a><a name="zh-cn_topic_0000001210298229_p1256204215175"></a>路径描边时在它们的结尾处使用的形状。</p>
116<p id="zh-cn_topic_0000001210298229_p15561202832912"><a name="zh-cn_topic_0000001210298229_p15561202832912"></a><a name="zh-cn_topic_0000001210298229_p15561202832912"></a>butt:不在路径两端扩展;</p>
117<p id="zh-cn_topic_0000001210298229_p10561428172914"><a name="zh-cn_topic_0000001210298229_p10561428172914"></a><a name="zh-cn_topic_0000001210298229_p10561428172914"></a>round:在路径的末端延伸半个圆,直径等于线度。</p>
118<p id="zh-cn_topic_0000001210298229_p175611728152917"><a name="zh-cn_topic_0000001210298229_p175611728152917"></a><a name="zh-cn_topic_0000001210298229_p175611728152917"></a>square:在路径的末端延伸半个圆,宽度等于线宽的一半,高度等于线宽。</p>
119</td>
120</tr>
121<tr id="zh-cn_topic_0000001210298229_row659813582710"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001210298229_p359803512275"><a name="zh-cn_topic_0000001210298229_p359803512275"></a><a name="zh-cn_topic_0000001210298229_p359803512275"></a>stroke-miterlimit</p>
122</td>
123<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001210298229_p10598135172710"><a name="zh-cn_topic_0000001210298229_p10598135172710"></a><a name="zh-cn_topic_0000001210298229_p10598135172710"></a>number</p>
124</td>
125<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001210298229_p13598235142715"><a name="zh-cn_topic_0000001210298229_p13598235142715"></a><a name="zh-cn_topic_0000001210298229_p13598235142715"></a>4</p>
126</td>
127<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001210298229_p559823513270"><a name="zh-cn_topic_0000001210298229_p559823513270"></a><a name="zh-cn_topic_0000001210298229_p559823513270"></a>否</p>
128</td>
129<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001210298229_p16598135132713"><a name="zh-cn_topic_0000001210298229_p16598135132713"></a><a name="zh-cn_topic_0000001210298229_p16598135132713"></a>设置将锐角绘制成斜角的极限值。支持属性动画</p>
130</td>
131</tr>
132<tr id="zh-cn_topic_0000001210298229_row19417173332715"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001210298229_p5417833162715"><a name="zh-cn_topic_0000001210298229_p5417833162715"></a><a name="zh-cn_topic_0000001210298229_p5417833162715"></a>stroke-opacity</p>
133</td>
134<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001210298229_p137791326163216"><a name="zh-cn_topic_0000001210298229_p137791326163216"></a><a name="zh-cn_topic_0000001210298229_p137791326163216"></a>number</p>
135</td>
136<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001210298229_p1277902618326"><a name="zh-cn_topic_0000001210298229_p1277902618326"></a><a name="zh-cn_topic_0000001210298229_p1277902618326"></a>1</p>
137</td>
138<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001210298229_p19779132663212"><a name="zh-cn_topic_0000001210298229_p19779132663212"></a><a name="zh-cn_topic_0000001210298229_p19779132663212"></a>否</p>
139</td>
140<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001210298229_p104188333270"><a name="zh-cn_topic_0000001210298229_p104188333270"></a><a name="zh-cn_topic_0000001210298229_p104188333270"></a>轮廓线条的透明度,取值范围为0到1,1表示为不透明,0表示为完全透明。支持属性动画</p>
141</td>
142</tr>
143<tr id="zh-cn_topic_0000001210298229_row0693162293115"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001210298229_p12693142223110"><a name="zh-cn_topic_0000001210298229_p12693142223110"></a><a name="zh-cn_topic_0000001210298229_p12693142223110"></a>stroke-width</p>
144</td>
145<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001210298229_p6496858104716"><a name="zh-cn_topic_0000001210298229_p6496858104716"></a><a name="zh-cn_topic_0000001210298229_p6496858104716"></a>&lt;length&gt;</p>
146</td>
147<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001210298229_p1869302214316"><a name="zh-cn_topic_0000001210298229_p1869302214316"></a><a name="zh-cn_topic_0000001210298229_p1869302214316"></a>1px</p>
148</td>
149<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001210298229_p0693172233116"><a name="zh-cn_topic_0000001210298229_p0693172233116"></a><a name="zh-cn_topic_0000001210298229_p0693172233116"></a>否</p>
150</td>
151<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001210298229_p769472283117"><a name="zh-cn_topic_0000001210298229_p769472283117"></a><a name="zh-cn_topic_0000001210298229_p769472283117"></a>设置轮廓线条的宽度。支持属性动画</p>
152</td>
153</tr>
154<tr id="zh-cn_topic_0000001210298229_row1421814469342"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001210298229_p221811461341"><a name="zh-cn_topic_0000001210298229_p221811461341"></a><a name="zh-cn_topic_0000001210298229_p221811461341"></a>transform</p>
155</td>
156<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001210298229_p221811469349"><a name="zh-cn_topic_0000001210298229_p221811469349"></a><a name="zh-cn_topic_0000001210298229_p221811469349"></a>&lt;string&gt;</p>
157</td>
158<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001210298229_p18218104643414"><a name="zh-cn_topic_0000001210298229_p18218104643414"></a><a name="zh-cn_topic_0000001210298229_p18218104643414"></a>-</p>
159</td>
160<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001210298229_p621814603413"><a name="zh-cn_topic_0000001210298229_p621814603413"></a><a name="zh-cn_topic_0000001210298229_p621814603413"></a>否</p>
161</td>
162<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001210298229_p18219124683417"><a name="zh-cn_topic_0000001210298229_p18219124683417"></a><a name="zh-cn_topic_0000001210298229_p18219124683417"></a>设置组件以及子组件的坐标变换参数。</p>
163<p id="zh-cn_topic_0000001210298229_p183345463353"><a name="zh-cn_topic_0000001210298229_p183345463353"></a><a name="zh-cn_topic_0000001210298229_p183345463353"></a>支持以下格式:</p>
164<p id="zh-cn_topic_0000001210298229_p97754703611"><a name="zh-cn_topic_0000001210298229_p97754703611"></a><a name="zh-cn_topic_0000001210298229_p97754703611"></a>translate(<span>&lt;</span><span>x</span><span>&gt;</span> [<span>&lt;</span><span>y</span><span>&gt;</span>]) :沿x[y]轴方向平移</p>
165<p id="zh-cn_topic_0000001210298229_p2853121513620"><a name="zh-cn_topic_0000001210298229_p2853121513620"></a><a name="zh-cn_topic_0000001210298229_p2853121513620"></a>scale(<span>&lt;</span><span>x</span><span>&gt;</span> [<span>&lt;</span><span>y</span><span>&gt;</span>]) :沿x[y]轴缩放</p>
166<p id="zh-cn_topic_0000001210298229_p08302534363"><a name="zh-cn_topic_0000001210298229_p08302534363"></a><a name="zh-cn_topic_0000001210298229_p08302534363"></a>rotate(<span>&lt;</span><span>a</span><span>&gt;</span> [<span>&lt;</span><span>x</span><span>&gt;</span> <span>&lt;</span><span>y</span><span>&gt;</span>]) :以(x,y)点进行旋转a度角</p>
167<p id="zh-cn_topic_0000001210298229_p91741924123618"><a name="zh-cn_topic_0000001210298229_p91741924123618"></a><a name="zh-cn_topic_0000001210298229_p91741924123618"></a>skewX(<span>&lt;</span><span>a</span><span>&gt;</span>) :沿x轴倾斜a度角的变换</p>
168<p id="zh-cn_topic_0000001210298229_p192841756133515"><a name="zh-cn_topic_0000001210298229_p192841756133515"></a><a name="zh-cn_topic_0000001210298229_p192841756133515"></a>skewY(<span>&lt;</span><span>a</span><span>&gt;</span>) :沿y轴倾斜a度角的变换</p>
169</td>
170</tr>
171</tbody>
172</table>
173
174