dx
dx
该dx属性指示在元素或其内容的位置上沿着x轴移动。究竟移动什么取决于设置该属性的元素。
对于<feOffset>元素来说，它是一个<number>，它代表了输入图形的偏移量。这个量在<filter>元素的primitiveUnits属性所建立的坐标系中表示。
对于<glyphRef>元素来说，它是一个<number>，表示该字形在字体坐标系中的相对X坐标。
对于<text>，<tspan>，<tref>，和<altGlyph>元素，事情稍微复杂一些，因为它们接受<list-of-length>：
如果提供单个<length>，则相对于此元素或其任何后代中的第一个字符的当前文本位置，此值表示了一个新的相对X坐标。在呈现第一个字符之前，当前文本位置沿当前用户坐标系的x轴移动一个<length>。
如果提供了一个以逗号或空格分隔的 <length>列表，那么这些值表示相对于该元素或其任何后代中前n个字符的当前文本位置，沿着x轴的增量移位。因此，通过将所绘字符在当前<text>元素内沿着用户坐标系的x轴移动一个<length>，我们就得到了一个新的文本位置。
如果存在比<length>更多的字符，那么对于每个额外的字符：
- 如果祖先<text>或<tspan>元素通过dx属性指定给定字符的相对X坐标，则当前文本位置沿当前用户坐标系的x轴移动该量（最近的祖先具有优先权），
- 否则不会发生沿x轴的额外移位。
用法上下文
| Categories | None |
|---|---|
| Value | <number> | <list-of-length> |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition): altGlyph element SVG 1.1 (2nd Edition): feOffset element SVG 1.1 (2nd Edition): glyphRef element SVG 1.1 (2nd Edition): text element SVG 1.1 (2nd Edition): tspan element |
适用元素
以下元素可以使用该dx属性：
- <altGlyph>
- <feOffset>
- <glyphRef>
- <text>
- <tref>
- <tspan>
