WPF中GlyphRun渲染原子标签向右偏移的原因咨询

我之前在做WPF文本渲染相关的项目时，刚好碰到过几乎一模一样的GlyphRun偏移问题，结合你做化学分子编辑器的场景，这几个原因大概率是罪魁祸首：

1. 字体Glyph的默认侧间距（Side Bearing）未被修正 #

大多数字体的单个glyph（比如H、g这些字符）在设计时，左右两侧都会预留一小段空白区域，也就是LeftSideBearing和RightSideBearing，目的是让文本在连续排版时字符间有合理的间距。但你的场景是渲染孤立的原子标签（比如H2N、Hg），如果直接用GlyphRun默认渲染，这些预留的左侧空白就会变成视觉上的前置偏移，尤其是像Hg这种组合字符，两个glyph的左侧空白叠加后，偏移会更明显。

2. GlyphRun起始位置与字符边界不匹配 #

当你创建GlyphRun时，如果没有基于字符的实际边界来设置起始坐标，而是直接用了文本流的默认起始点，就会出现偏移。比如处理带下标（像H2里的2）的标签时，组合排版逻辑可能会让整个GlyphRun的起始点默认带上了额外的留白偏移，而你没有做对应的修正。

3. 轮廓几何的边界计算未裁剪空白 #

你提到白色背景是获取轮廓几何时的效果，那大概率是GlyphRun.BuildGeometry()生成的几何图形包含了glyph的所有边界（包括预留的空白）。这个几何的Bounds.Left值会大于0，直接用它渲染的话，就会看起来整个标签向右偏移了Bounds.Left的距离。

对应的解决思路： #

• 计算并抵消左侧侧间距
  可以通过GlyphTypeface获取每个字符的LeftSideBearing，把这些值累加后，在创建GlyphRun时将起始X坐标减去这个总偏移量。代码示例大概是这样：

  var targetFont = new GlyphTypeface(new Uri(@"你的字体路径"));
  double totalLeftOffset = 0;
  foreach (char c in "H2N")
  {
      ushort glyphIndex = targetFont.CharacterToGlyphMap[c];
      totalLeftOffset += targetFont.LeftSideBearing[glyphIndex];
  }
  // 创建GlyphRun时，把起始X位置减去totalLeftOffset
  var glyphRun = new GlyphRun(
      targetFont,
      0,
      false,
      12, // 字体大小
      new List<ushort>(), // glyph索引列表
      new Point(-totalLeftOffset, 0), // 修正后的起始位置
      new List<double>(), // 字符间距
      null,
      null,
      null,
      null,
      null
  );
  

• 裁剪几何图形的空白区域
  如果是用几何轮廓渲染，计算几何的Bounds后，用TranslateTransform把它向左平移Bounds.Left的距离，就能去掉前置空白：

  var glyphGeometry = glyphRun.BuildGeometry();
  var geoBounds = glyphGeometry.Bounds;
  if (geoBounds.Left > 0)
  {
      glyphGeometry.Transform = new TranslateTransform(-geoBounds.Left, 0);
  }
  

• 用GlyphOffsets精准调整每个字符
  对每个glyph单独设置偏移量，把对应左侧侧间距的负值加到GlyphOffsets里，这样可以逐个修正字符的位置，适合复杂的组合标签（比如带上下标的原子）。

内容的提问来源于stack exchange，提问作者deadlyvices