xml - Rotate text in SVG -


i got chart svg looks chart

now want rotate text chart

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

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -