files/zh-cn/web/svg/attribute/order/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

---
title: order
slug: Web/SVG/Attribute/order
translation_of: Web/SVG/Attribute/order
---
<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>

<p>order 属性确定被用作{{ SVGElement("feConvolveMatrix") }}元素的矩阵的大小.</p>

<p>提供的值必须是大于0的<a href="/en/SVG/Content_type#Integer" title="/en/SVG/Content_type#Integer">&lt;整数&gt;</a>. 第一个值&lt;orderX&gt;,确定矩阵的列数. 第二个值&lt;orderY&gt;确定矩阵的行数.如果&lt;orderY&gt;没有指定，那么它的默认值相当于&lt;orderX&gt;的值.</p>

<p>一个典型的值是order="3". 建议只使用较小的值(例如3); 大值可能会导致较高的CPU开销而且通常界面上并不能表现出高耗能造成的效果.</p>

<p>如果未指定该属性，则其效果就如同指定值为3.</p>

<h2 id="Usage_context">Usage context</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="row">Categories</th>
   <td>None</td>
  </tr>
  <tr>
   <th scope="row">Value</th>
   <td><a href="/en/SVG/Content_type#Number-optional-number" title="en/SVG/Content_type#Color">&lt;number-optional-number&gt;</a></td>
  </tr>
  <tr>
   <th scope="row">Animatable</th>
   <td>Yes</td>
  </tr>
  <tr>
   <th scope="row">Normative document</th>
   <td><a href="http://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElementOrderAttribute" rel="external">SVG 1.1 (2nd Edition)</a></td>
  </tr>
 </tbody>
</table>

<h2 id="Example">Example</h2>

<h2 id="Elements">Elements</h2>

<p>下列元素可以使用order属性</p>

<ul>
 <li>{{ SVGElement("feConvolveMatrix") }}</li>
</ul>