私は次のような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>