third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/struct-use-01-t.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!--======================================================================-->
   3 <!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
   4 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   5 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   6 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   7 <!--======================================================================-->
   8 <!-- =====================================================================-->
   9 <!--                                                                      -->
  10 <!-- struct-use-01-t.svg                                                  -->
  11 <!--                                                                      -->
  12 <!-- Tests that the viewer can handle various types of use references.    -->
  13 <!--                                                                      -->
  14 <!-- Author : Vincent Hardy,  21-May-2003                                 --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
  15
  16 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="tiny" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
  17     <SVGTestCase xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" owner="VH" reviewer="CN" desc="Tests that the viewer can handle various types of use references" status="accepted" version="$Revision: 1.14 $" testname="$RCSfile: struct-use-01-t.svg,v $">
  18                 <OperatorScript>
  19                         <Paragraph>
  20                                 The purpose of this test is to validate proper handling of
  21                                 the use element. In particular, the test checks the proper inheritance
  22                                 of properties through the shadow tree (rather than through the document
  23                                 tree).
  24                         </Paragraph>
  25                         <Paragraph>
  26                                 The test should display various elements in different shades of green.
  27                                 If an element is not displayed in green, but in red fill and/or yellow
  28                                 stroke, then it is in error.
  29                         </Paragraph>
  30         </OperatorScript>
  31     </SVGTestCase>
  32     <title id="test-title">struct-use-01-t</title>
  33     <desc id="test-desc">Test that viewer has the basic capability to handle different font sizes </desc>
  34
  35     <!--======================================================================-->
  36     <!--Content of Test Case follows...                  =====================-->
  37     <!--======================================================================-->
  38     <g id="test-body-content">
  39         <defs>
  40             <g fill="red" stroke="yellow" stroke-width="3">
  41                 <rect id="usedRect" width="20" height="20"/>
  42                 <circle id="usedCircle" cx="10" cy="10" r="10"/>
  43                 <ellipse id="usedEllipse" cx="10" cy="10" rx="10" ry="10"/>
  44                 <line id="usedLine" x1="0" y1="10" x2="20" y2="10"/>
  45                 <path id="usedPath" d="M 0 0 L 20 0 L 20 20 L 0 20 Z"/>
  46                 <polygon id="usedPolygon" points="0,0 20,0 20,20 0,20 0 0"/>
  47                 <polyline id="usedPolyline" points="0,0 20,0 20,20"/>
  48                 <g id="usedG">
  49                     <rect width="10" height="20"/>
  50                     <rect x="10" width="10" height="20" fill="rgb(0,128,0)"/>
  51                 </g>
  52                 <use id="usedUse" xlink:href="#usedRect"/>
  53                 <image id="usedImage" xlink:href="resources/20x20.png" width="20" height="20"/>
  54                 <text id="usedText">Text</text>
  55             </g>
  56         </defs>
  57
  58
  59         <g>
  60             <g id="labels" transform="translate(130, 40)" font-size="20" text-anchor="end">
  61                 <text>&lt;rect&gt;</text>
  62                 <text y="30">&lt;circle&gt;</text>
  63                 <text y="60">&lt;ellipse&gt;</text>
  64                 <text y="90">&lt;line&gt;</text>
  65                 <text y="120">&lt;polyline&gt;</text>
  66                 <text y="150">&lt;polygon&gt;</text>
  67                 <text y="180">&lt;path&gt;</text>
  68                 <text y="210">&lt;image&gt;</text>
  69                 <text y="240">&lt;text&gt;</text>
  70             </g>
  71             <g id="labelsColumn2" transform="translate(310, 40)" font-size="20" text-anchor="end">
  72                 <text>&lt;g&gt;</text>
  73                 <text y="30">&lt;use&gt;</text>
  74             </g>
  75         </g>
  76         <g transform="translate(150, 25)">
  77             <use xlink:href="#usedRect" fill="#0F0"/>
  78             <use y="30" xlink:href="#usedCircle" fill="#0F0"/>
  79             <use y="60" xlink:href="#usedEllipse" fill="#0F0"/>
  80             <use y="90" xlink:href="#usedLine" stroke="#0F0" stroke-width="2"/>
  81             <use y="120" xlink:href="#usedPolyline" stroke="#0F0" stroke-width="2" fill="none"/>
  82             <use y="150" xlink:href="#usedPolygon" fill="#0F0"/>
  83             <use y="180" xlink:href="#usedPath" fill="#0F0"/>
  84             <use y="210" xlink:href="#usedImage" fill="#FF0"/>
  85             <use y="260" xlink:href="#usedText" fill="#0F0" font-weight="bold" font-size="25" font-style="italic"/>
  86             <use x="180" y="0" xlink:href="#usedG" fill="#0F0"/>
  87             <use x="180" y="30" xlink:href="#usedUse" fill="#0c0"/>
  88         </g>
  89     </g>
  90
  91     <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.14 $</text>
  92     <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  93
  94 </svg>