在SVG中指定基线位置
在SVG中指定基线位置
提问于 2022-11-28 14:59:48
在SVG中，是否有可能将垂直位置确定为SVG图形的“基线”？
上下文:在我为学生准备的任务中，我们包含了大量的内联SVG (参见附带的屏幕截图，其中圈出的2和3实际上是SVG数据)。这篇带有内联SVG的文章以HTML的形式发布，并在LaTeX中发布。我想找到一种方法，在我的SVG文件中包含一些标记，这样以后我就不必手动为每个图形文件指定垂直偏移量才能完全对齐。
例如，在这个例子中，圆圈内"2“的底部应该被确定为基线，这样它就可以自动地与没有下降的其他字符的底部对齐。
回答 1
Stack Overflow用户
发布于 2022-11-28 16:07:32
不，没有这样的标记。解决方法的最佳方法可能是:设置viewBox的底部，使其表示基线。然后，如果您在全局上为所有SVG图标设置overflow: visible，那么是否在viewBox之外，特别是在基线以下的内容并不重要。
p {
font-size: 40px;
}
svg {
width: 1em;
overflow: visible;
}
circle {
fill: none;
stroke: black;
}
text {
font-size: 14px;
}<p>Example<svg viewBox="0 0 20 15">
<circle r="8.5" cx="10" cy="10" />
<text x="6" y="15">1</text>
</svg>text</p>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74602512
复制相关文章
相似问题
腾讯云开发者
