如何制作svg RTL

Question

我想创建svg RTL，这意味着我想将原点从“左上”更改为“右上”，以便在我说出绘制路径M 0 0 L 100 100时创建一个以top: 0, right: 0开头并转到top: 100, right: 100的行
我尝试了最常用的更改原点的解决方案，但没有一个能如我所愿
我的代码：

<svg
  style={{ width: "100%", height: "100%", textAlign: "right" }}
  //preserveAspectRatio="xMaxYMin meet"
>
    <path stroke="green" strokeWidth="3" fill="none" d="M 0 0 L 100 100" />
</svg>

And here is a working example of the code

Answer 1

翻译并缩放画布，尽管会警告任何文本也会显示RTL。

ArrayList<String> linesOfFile