html - 如何将文本的基线垂直对齐到 HTML/CSS 中的设定点？

Question

我创建了一种算法，可以将 SVG 格式的文本转换为 HTML，该算法运行良好，但与 SVG 相比，HTML 版本中文本的位置略有偏差。

我意识到这是由于 SVG 中的坐标系；它的原点在左下角而不是左上角。因此我的 HTML 文本低于它应有的位置。这是用于商业软件，我个人宁愿将文本保留为 SVG，但由于客户要求我不能，而且这需要是像素完美的副本!

为了修复 HTML，我需要对齐文本，使其基线位于我从 SVG 中读取的位置。我曾尝试通过垂直对齐来做到这一点，但没有成功。

问题不在于这里的坐标，我已经知道文本的基线应该在哪里。

有谁知道如何将某些文本的基线与 HTML 中的设定点对齐？或者有人知道是否可以使用基线而不是左上角来放置文本。

Answer 1

CSS 不能改 rebase 线的位置。根据字体，它就在它所在的位置。

I would love to do this by trial an error but this needs to work for any SVG file, which could use any font, at any size. Therefore the margin is going to be different each time.

这排除了任何类型的“黑客”以使其看起来正确..

查看 vertical-align 的所有可能值.

如果这些都没有帮助，我不知道该建议什么。