Rotating a Text String Counterclockwise : text « SVG « XML

XML
1. CSS Style
2. SVG
3. XML Schema
4. XQuery
5. XSLT stylesheet
Java
XML Tutorial
Java Tutorial
Java Source Code / Java Documentation
Java Open Source
Jar File Download
Java Articles
Java Products
Java by API
C# / C Sharp
C# / CSharp Tutorial
ASP.Net
ASP.NET Tutorial
JavaScript DHTML
JavaScript Tutorial
JavaScript Reference
HTML / CSS
HTML CSS Reference
C / ANSI-C
C Tutorial
C++
C++ Tutorial
Ruby
PHP
Python
SQL Server / T-SQL
SQL Server / T-SQL Tutorial
Oracle PL / SQL
Oracle PL/SQL Tutorial
PostgreSQL
SQL / MySQL
MySQL Tutorial
VB.Net
VB.Net Tutorial
Flash / Flex / ActionScript
VBA / Excel / Access / Word
Microsoft Office PowerPoint 2007 Tutorial
Microsoft Office Excel 2007 Tutorial
Microsoft Office Word 2007 Tutorial
XML » SVG » text 
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
www.java2java.com | Contact Us
Copyright 2010 - 2030 Java Source and Support. All rights reserved.
All other trademarks are property of their respective owners.