मैं एक SVG के साथ बने आयत के अंदर एक पाठ को लंबवत / क्षैतिज रूप से केन्द्रित करना चाहूँगा 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>
उत्तर:
जवाब के लिए 0 № 1मैं ऐसा कुछ करके हासिल करने में कामयाब रहा:
<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>