首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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>

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com