/ / SVGでテキストを回転-xml、svg、rotation、scale、scaletransform

SVGでテキストを回転させる-xml、svg、rotation、scale、scaletransform

私は次のようなsvgのチャートを手に入れました チャート

今、私はテキストを次のように回転させたい チャート

じぶんの SVG root 次のとおりです

<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:ev="http://www.w3.org/2001/xml-events"
version="1.1" baseProfile="full"
viewbox="-75 0 1075 800"
transform="translate(0, 750) scale(1, -1)"
width="1000" height="800">
</svg>

テキストを回転させようとすると

<text x="-70" y="50%" stroke="blue" transform="rotate(90)">U [mV]</text>

テキストが消えます。

<text x="-70" y="50%" stroke="blue" transform="rotate(90 -70 50%)">U [mV]</text>

何も起こりません。

2番目の画像に示されている3つのテキストオブジェクトを回転させるにはどうすればよいですか?ありがとう。

回答:

回答№1は0

以下は今私のために働きます:

<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:ev="http://www.w3.org/2001/xml-events"
version="1.1" baseProfile="full"
viewbox="-75 0 1075 800"
width="1000" height="800">

<g transform="translate(0, 750) scale(1, -1)"> <!-- hint from @altocumulus -->
...

<g transform="translate(-75, 375) scale(1, -1) rotate(-90)">
<!--
translate(x, y) => create a new local coordination system
with the point of origin at this point
-->

<text stroke="blue">U [mV]</text>
</g>

...
</g>
</svg>