Rotating a Text String Counterclockwise : text « SVG « XML






Rotating a Text String Counterclockwise

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" 
 "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd"> 

<svg width="100%" height="100%"> 

    <g transform="translate(100,300)">
      <text id="simpleText" x="0" y="0" 
            transform="rotate(-90)"
            fill="red" 
            font-size="18">
            Counter clockwise Rotated Text
      </text>
    </g>
</svg>

 








Related examples in the same category

1.Rendering a Text String
2.Rendering a Text String with Colored Borders
3.Using Text Decoration with Text Strings
4.Using the SVG tspan Element with Text Strings
5.Rendering Shadowed Text
6.Displaying Text with Linear Gradients
7.Displaying Text with Opacity
8.Displaying Text with blur Filters
9.Text Following a Specified Path
10.Vertical text