Javascript SVG文本路径文本显示颠倒

下面是将路径上的文本倒置显示的SVG代码。请帮助演示如何正确地向上显示

一些文本→

因为您是从下到上绘制曲线，所以文本遵循绘制曲线的方向，并且是“倒置”的

如果要以另一种方式绘制文本，则需要从上到下绘制曲线，以便图形的方向与所需文本的方向匹配

←一些文本

文本是否可能重复出现在同一位置，即曲线顶部？如果是这样的话，那么文本不是颠倒的，而是旋转了180°。在像Inkscape这样的免费程序中编辑图像可以消除这些问题中的许多猜测这是我使用JS渲染的东西。副本涉及其他一些问题。我可以旋转文本吗？

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" xml:space="preserve">
<g>
    <path id="link1" d="M 500,140 C 200,140 200,190 500,190" stroke-width="20" fill="transparent" stroke="red"></path>
    <text class="text_path">
        <textPath xlink:href="#link1" startOffset="10">
            <tspan dy="5">Some Text</tspan><tspan class="dir_arrow">→</tspan>
        </textPath>
    </text>
</g>
</svg>