SVG Text Anchor更深入

时间:2013-10-08 12:48:58

标签: algorithm svg

当我看到同一文本中具有相同位置的不同锚点时,我想到了这一点。如何更改文本锚点,但将文本移回其位置?

我认为这将通过以下方式实现:

  1. 在设置锚之前和之后找到BBOx,
  2. 找到两个中心之间的距离
  3. 使用该距离值向上或向下移动
  4. 它不起作用意味着文本不会从BBox的中心中断,那么它在哪里打破?

    更新:从SVG文档中,我把这部分拿出来但是并没有真正理解它的含义:对于每个要渲染的字形,SVG用户代理确定字形上的适当对齐点它将准确放置在当前文本位置。基于字形本身中的字形单元度量,当前内联渐进方向和相对于内联渐进方向的字形方向来确定对齐点。对于拉丁文本的大多数用法(即,写入模式:lr,text-anchor:start和alignment-baseline:baseline),字形中的对齐点将是字形单元格的左边缘(或其他一些字形)的交集点特定的x轴坐标,表示左侧原点)与字形的拉丁基线。

    SVG Text-anchor from MDN

0 个答案:

没有答案