SVGパス内の縦横の中心のテキスト

SVG Path要素で作成された矩形の中にテキストを縦横に配置したいと思います。SVGパス内の縦横の中心のテキスト

センターでは、矩形の中央に最初の文字を置くのではなく、テキストの中心をパスの中央に置くことを意味します。

<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>

出典

2017-06-13 JSmith

私は、テキストアンカーに水平にそれを行うことができたと座標属性。私はまだ垂直方向を探しています。 – JSmith

https://stackoverflow.com/a/15997503/1038015 –

ちょうどこの1つを見ました – JSmith

私はこのような何かをすることによってそれを達成するために管理している：ここで

は私のコード構造である

<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>

出典

2017-06-13 05:13:15 JSmith

SVGパス内の縦横の中心のテキスト

答えて

関連する問題