html – 将文本中心对齐SVG圈子下方？

概述假设我有以下SVG： <g transform="translate(300, 300)"> <circle r="5px"></circle> <text>My Label</text></g> 我需要标签在圆圈下方居中.这个问题有一个简单的解决方案吗？ 一种选择： <g transform="translate(300, 300)"> <circle r="5px"> 假设我有以下SVG：

<g transform="translate(300,300)">    <circle r="5px"></circle>    <text>My Label</text></g>

我需要标签在圆圈下方居中.这个问题有一个简单的解决方案吗？

解决方法 一种选择：

<g transform="translate(300,300)">    <circle r="5px"></circle>    <text baseline-shift="-20px" text-anchor="mIDdle">My Label</text></g>

-20px取决于你的字体大小,也许有人有相对的做法,但text-anchor =“mIDdle”将使文本居中.

总结

以上是内存溢出为你收集整理的html – 将文本中心对齐SVG圈子下方？全部内容，希望文章能够帮你解决html – 将文本中心对齐SVG圈子下方？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。