Svg Textpath Text Shows Upside-down
Below is the SVG Code that shows the text on the path upside down. Please help show how to display it correctly upside.
Solution 1:
Because you're drawing the curve from bottom to top, the text is following the orientation of the drawing curve and is "upside down".
If you want the text the other way, then you need to draw the curve from top to bottom so the direction of the drawing matches the orientation of the text you want.
<svgversion="1.1"id="Layer_1"xmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink"x="0px"y="0px"width="600px"height="600px"><g><pathid="link1"d="M 500,190 C 200,190 200,140 500,140"stroke-width="20"fill="transparent"stroke="red"></path><textclass="text_path"><textPathxlink:href="#link1"startOffset="370"><tspandy="5"class="dir_arrow">←</tspan><tspan>Some Text</tspan></textPath></text></g></svg>
Post a Comment for "Svg Textpath Text Shows Upside-down"