| <?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 and Shadows</title> |
| |
| <!-- ============================================================= --> |
| <!-- Test content --> |
| <!-- ============================================================= --> |
| |
| <defs> |
| <clipPath id="textClip"> |
| <text x="0" y="0" text-anchor="middle" font-size="80%" font-family="Serif" id="text">batik</text> |
| </clipPath> |
| <g id="words"> |
| <use xlink:href="#text"/> |
| <g clip-path="url(#textClip)"> |
| <use xlink:href="#text" transform="scale(0.9) rotate(20) translate(-20,-15)" filter="url(#blur)" fill="black" opacity="0.4"/> |
| </g> |
| </g> |
| <filter id="blur" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" x="-20%" y="-20%" width="120%" height="120%" > |
| <feGaussianBlur stdDeviation="3 2" x="-10%" y="-10%" width="120%" height="120%" /> |
| </filter> |
| <g opacity="1.0" transform="translate(225, 250) rotate(-260)" id="rotatedText"> |
| <g x="0" y="0" transform="scale(0.9) rotate(20)"> |
| <use xlink:href="#words"/> |
| <g x="0" y="0" transform="scale(0.9) rotate(20)"> |
| <use xlink:href="#words"/> |
| <g x="0" y="0" transform="scale(0.9) rotate(20)"> |
| <use xlink:href="#words"/> |
| <g x="0" y="0" transform="scale(0.9) rotate(20)"> |
| <use xlink:href="#words"/> |
| <g x="0" y="0" transform="scale(0.9) rotate(20)"> |
| <use xlink:href="#words"/> |
| <g x="0" y="0" transform="scale(0.9) rotate(20)"> |
| <use xlink:href="#words"/> |
| <g x="0" y="0" transform="scale(0.9) rotate(20)"> |
| <use xlink:href="#words"/> |
| <g x="0" y="0" transform="scale(0.9) rotate(20)"> |
| <use xlink:href="#words"/> |
| <g x="0" y="0" transform="scale(0.9) rotate(20)"> |
| <use xlink:href="#words"/> |
| <g x="0" y="0" transform="scale(0.9) rotate(20)"> |
| <use xlink:href="#words"/> |
| <g x="0" y="0" transform="scale(0.9) rotate(20)"> |
| <use xlink:href="#words"/> |
| <g x="0" y="0" transform="scale(0.9) rotate(20)"> |
| <use xlink:href="#words"/> |
| </g></g></g></g></g> |
| </g></g></g></g></g> |
| </g></g></g> |
| </defs> |
| |
| <g id="testContent"> |
| <text class="title" x="50%" y="10%" font-size="3%" text-anchor="middle" > |
| Text Transformation</text> |
| <g transform="translate(-40,-30)" filter="url(#blur)" fill="black" opacity="0.2"> |
| <use xlink:href="#rotatedText"/> |
| </g> |
| <g x="0%" width="100%" y="0%" height="100%"> |
| <use xlink:href="#rotatedText" fill="white" stroke-width="2" stroke="black"/> |
| <g x="0" y="0" transform="translate(225, 250) scale(0.254)"> |
| <use xlink:href="#text" fill="black" filter="url(#blur)" opacity="0.4" transform="translate(-10, 8)"/> |
| <use xlink:href="#text" stroke="black" stroke-width="16" fill="none"/> |
| <use xlink:href="#text" stroke="none" fill="white"/> |
| </g> |
| </g> |
| </g> |
| |
| <!-- ============================================================= --> |
| <!-- Batik sample mark --> |
| <!-- ============================================================= --> |
| <use xlink:href="batikLogo.svg#Batik_Tag_Box" /> |
| |
| </svg> |