third_party/WebKit/LayoutTests/svg/batik/text/textFeatures.svg

   1 <?xml version="1.0" standalone="no"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
   3 "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
   4
   5 <!--
   6
   7    Copyright 2001-2003  The Apache Software Foundation
   8
   9    Licensed under the Apache License, Version 2.0 (the "License");
  10    you may not use this file except in compliance with the License.
  11    You may obtain a copy of the License at
  12
  13        http://www.apache.org/licenses/LICENSE-2.0
  14
  15    Unless required by applicable law or agreed to in writing, software
  16    distributed under the License is distributed on an "AS IS" BASIS,
  17    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18    See the License for the specific language governing permissions and
  19    limitations under the License.
  20
  21 -->
  22 <!-- ========================================================================= -->
  23 <!-- Test description here                                                     -->
  24 <!--                                                                           -->
  25 <!-- @author bill.haneman@ireland.sun.com                                      -->
  26 <!-- @version $Id: textFeatures.svg,v 1.6 2004/08/18 07:12:21 vhardy Exp $                                                             -->
  27 <!-- ========================================================================= -->
  28 <?xml-stylesheet type="text/css" href="../resources/test.css" ?>
  29 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="450" height="500" viewBox="0 0 450 500">
  30     <!-- ============================================================= -->
  31     <!-- Test content                                                  -->
  32     <!-- ============================================================= -->
  33
  34     <defs>
  35         <filter id="blur"  filterUnits="userSpaceOnUse" x="0" y="-80" width="200" height="100" filterRes="200">
  36             <feGaussianBlur stdDeviation="2 2" x="0" y="-80" width="200" height="100"/>
  37         </filter>
  38     </defs>
  39
  40     <g id="testContent">
  41         <text class="title" x="50%" y="10%" font-size="15" text-anchor="middle" >
  42             Text Element Features</text>
  43       <g font-family="dialog" font-size="15"
  44                   text-anchor="start" fill="MidnightBlue">
  45         <text x="10%" y="20%">
  46         Text can change
  47         <tspan font-size="30">size,</tspan>
  48         <tspan font-size="20" font-family="Serif">typeface,</tspan>
  49         <tspan fill="green">color,</tspan>
  50         or
  51         <tspan fill="none" font-style="oblique" stroke="red" stroke-width="1">style</tspan>
  52         </text>
  53         <text fill="MidnightBlue" x="10%" y="25%">
  54         within a single text element.
  55         </text>
  56         <text x="10%" y="35%">Styling features include
  57             <tspan font-weight="bold">weight,</tspan>
  58             <tspan font-style="oblique">posture,</tspan> and
  59             <tspan font-family="serif">typeface.</tspan>
  60         </text>
  61         <rect x="10%" y="40%" width="45%" height="10%" fill="DodgerBlue"/>
  62         <text x="10%" y="45%">
  63         Graphics attributes such as
  64             <tspan fill="red" opacity="0.3">opacity</tspan> can be applied.
  65         </text>
  66         <text x="10%" y="55%">"text decoration" can include
  67             <tspan text-decoration="underline">underline,</tspan>
  68             <tspan text-decoration="overline">overline,</tspan> and
  69         </text>
  70         <text x="10%" y="60%">
  71         <tspan text-decoration="line-through">strikethrough.</tspan>
  72         <tspan baseline-shift="super" font-size="75%">super</tspan>-and-
  73         <tspan baseline-shift="sub" font-size="75%">sub</tspan>-scripts
  74         are available.</text>
  75         <text x="10%" y="65%">Baseline can also be shifted
  76         <tspan baseline-shift="50%" font-size="75%">up</tspan> and
  77         <tspan baseline-shift="-50%" font-size="75%">down</tspan>
  78         by percentage.</text>
  79         <text x="10%" y="75%" stroke-linecap="round" stroke-linejoin="round">
  80             Various
  81             <tspan stroke="red" fill="none" stroke-width="0.5">outline
  82             </tspan>styles,
  83             <tspan stroke="red" stroke-width="0.5" fill="blue" >fill colors
  84             </tspan>and
  85             <tspan stroke="red" stroke-width="1" fill="blue" >thicknesses
  86             </tspan>can be
  87         </text>
  88         <text x="10%" y="80%">used, and the outline stroke can be
  89             <tspan stroke="black" fill="none" stroke-width="0.5"
  90                stroke-linecap="round" stroke-linejoin="round">rounded</tspan>
  91             or
  92             <tspan stroke="black" fill="none" stroke-width="0.5"
  93                stroke-linecap="square" stroke-linejoin="miter">mitered.</tspan>
  94         </text>
  95         <text x="10%" y="90%">Text elements also can be</text>
  96         <text x="10%" y="95%">filtered and transformed.</text>
  97         <g font-size="40" transform="translate(250, 475)">
  98         <text x="0" y="0" filter="url(#blur)" fill="black" opacity="0.7"
  99          transform="skewX(40) translate(-6,-6)">
 100             Shadow
 101         </text>
 102         <text x="0" y="0" stroke="black" stroke-width="0.2" fill="white">
 103             Shadow
 104         </text>
 105         </g>
 106       </g>
 107     </g>
 108
 109     <!-- ============================================================= -->
 110     <!-- Batik sample mark                                             -->
 111     <!-- ============================================================= -->
 112     <use xlink:href="../resources/batikLogo.svg#Batik_Tag_Box" />
 113
 114 </svg>