dx

dx 属性表示一个元素或其内容在 x 轴方向上的偏移,偏移量取决于设置该属性的元素。

对于<feOffset>元素,它的值代表所有输入的图像的偏移量之和。这个总和被表达在由<filter>元素的primitiveUnits属性定义的坐标系中。

对于<glyphRef>元素,它的值代表该符号在字体坐标系中 x 轴上的相对坐标。

对于 <text><tspan><tref> 元素,由于这些元素允许设置 <list-of-length>,所以更复杂。

如果只提供了一个<length>,当前文本位置会沿着坐标系内 x 轴方向偏移<length>

如果提供了一个由逗号或者空格分隔的<length>列表,列表中的值将会表示前 n 个字符沿 x 轴方向偏移的增量。因此,当前文本位置也因为绘制当前<text>元素而沿 x 轴方向偏移。

如果在<length>列表中有更多的字符,那么对于每个字符,都有

  • 如果祖先<text><tspan>元素对于给定的字符,通过 dx 的属性指定了相对 x 坐标,那么当前文本位置会沿坐标系的 x 轴方向偏移该数值(最近的祖先具有优先级)
  • 否则没有额外的 x 轴方向的偏移发生

用法上下文

分类
数值类型 <number> | T<.2Fvar>s"><list-of-length>
可变

元素

这些元素可以使用 dx 属性

规范

Specification
Filter Effects Module Level 1
# element-attrdef-fedropshadow-dx
Filter Effects Module Level 1
# element-attrdef-feoffset-dx
Scalable Vector Graphics (SVG) 2
# TextElementDXAttribute