Javascript 在SVG路径内垂直/水平居中放置文本
我想将文本垂直/水平居中放置在由SVGJavascript 在SVG路径内垂直/水平居中放置文本,javascript,html,css,svg,graphics,Javascript,Html,Css,Svg,Graphics,我想将文本垂直/水平居中放置在由SVGPath元素构成的矩形内 我所说的中心不是指第一个字母在矩形的中心,而是指文本的中心在路径的中心 以下是我的代码结构: <svg id="shape"> <path id = "a" d="M 0 0 L 100 0 L 100 100 L 0 100 Z"></path> <text> <textPath xlink:href="#a">My Text</te
Path
元素构成的矩形内
我所说的中心不是指第一个字母在矩形的中心,而是指文本的中心在路径的中心
以下是我的代码结构:
<svg id="shape">
<path id = "a" d="M 0 0 L 100 0 L 100 100 L 0 100 Z"></path>
<text>
<textPath xlink:href="#a">My Text</textPath>
</text>
</svg>
我的文字
我通过这样做来实现这一点:
<svg id="shape">
<path id = "a" d="M 0 0 L 100 0 L 100 100 L 0 100 Z"></path>
<text x="50" y="50" text-anchor="middle" alignement-baseline="middle">My Text</text>
</svg>
我的文字
我已经通过文本锚定和坐标属性实现了水平定位。但我还是在寻找垂直方向。刚刚看到这个谢谢