samples/textRotate.svg

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000802//EN"
"http://www.w3.org/TR/2000/CR-SVG-20000802/DTD/svg-20000802.dtd">

<!-- ========================================================================= -->
<!-- Copyright (C) The Apache Software Foundation. All rights reserved.        -->
<!--                                                                           -->
<!-- This software is published under the terms of the Apache Software License -->
<!-- version 1.1, a copy of which has been included with this distribution in  -->
<!-- the LICENSE file.                                                         -->
<!-- ========================================================================= -->

<!-- ========================================================================= -->
<!-- Test description here                                                     -->
<!--                                                                           -->
<!-- @author bill.haneman@ireland.sun.com                                      -->
<!-- @version $Id$                                                             -->
<!-- ========================================================================= -->
<?xml-stylesheet type="text/css" href="./tests/test.css" ?>

<svg width="450" height="500" viewBox="0 0 450 500">
<title>Text Rotation</title>

    <!-- ============================================================= -->
    <!-- Test content                                                  -->
    <!-- ============================================================= -->

    <defs>
            <text x="0" y="0" transform="scale(1.6, 1.6)" fill="DarkSlateBlue" text-anchor="middle" font-size="8%" font-family="Serif" id="words">batik</text>
    </defs>
    <g id="testContent">
    <text class="title" x="50%" y="10%" font-size="3%" text-anchor="middle" >
            Text Transformation</text>
    <g opacity="1.0" transform="translate(225, 250)" id="rotatedText">
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    <g opacity="0.95" x="0" y="0" transform="scale(1.05) rotate(15)">
    <use xlink:href="#words"/>
    </g></g></g></g></g>
    </g></g></g></g></g>
    </g></g></g></g></g>
    </g></g></g></g></g>
    </g></g></g></g>
        <text style="font-size:15%;font-family:Serif;fill:white" text-anchor="middle">batik</text>
    </g>
    </g>

    <!-- ============================================================= -->
    <!-- Batik sample mark                                             -->
    <!-- ============================================================= -->
    <use xlink:href="batikLogo.svg#Batik_Tag_Box" />
    
</svg>