xml - Rotate text in SVG -
i got chart svg looks
now want rotate text
my svg root
following
<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>
if try rotate text with
<text x="-70" y="50%" stroke="blue" transform="rotate(90)">u [mv]</text>
the text disappears.
with
<text x="-70" y="50%" stroke="blue" transform="rotate(90 -70 50%)">u [mv]</text>
nothing happens.
what have rotate 3 text objects shown in second picture? thanks.
the following works me now:
<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 @altocumulus --> ... <g transform="translate(-75, 375) scale(1, -1) rotate(-90)"> <!-- translate(x, y) => create new local coordination system point of origin @ point --> <text stroke="blue">u [mv]</text> </g> ... </g> </svg>
Comments
Post a Comment