dx - SVG 编辑

« SVG属性参考汇总

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

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

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

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

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

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

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

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

用法上下文

分类
数值类型<number> | <list-of-length>
可变
规范文档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属性

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:104 次

字数:5590

最后编辑:8年前

编辑次数:0 次

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文