複数行の svg テキストを右側に揃えようとしていますが、テキストの最後の行は常に右側にあり、その理由がわかりません。
重要なもの。
<svg style="border:1px solid blue;" text-anchor="end">
<text font-size="30px">
<tspan x="100%" dy="30">tspan line 1</tspan>
<tspan x="100%" dy="35">tspan line 2</tspan>
<tspan x="100%" dy="35">tspan line 3</tspan>
</text>
</svg>