third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/render-groups-03-t.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd"
   3 [
   4         <!ENTITY % svgExt "| SVGTestCase">
   5         <!ATTLIST svg baseProfile CDATA #IMPLIED>
   6         <!ELEMENT SVGTestCase (OperatorScript)>
   7         <!ATTLIST SVGTestCase
   8         xmlns CDATA #REQUIRED
   9 >
  10         <!ELEMENT OperatorScript (Paragraph)*>
  11         <!ATTLIST OperatorScript
  12         version CDATA #IMPLIED
  13         testname CDATA #IMPLIED>
  14         <!ELEMENT Paragraph (#PCDATA)>
  15 ]>
  16
  17 <!--======================================================================-->
  18 <!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
  19 <!--=  Institute of Technology, Institut National de Recherche en        =-->
  20 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
  21 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
  22 <!--======================================================================-->
  23 <!-- ===================================================================== -->
  24 <!--                                                                       -->
  25 <!-- rendering-orderGr-BE-01.svg                                           -->
  26 <!-- renamed for 1.1 suite to render-groups-03-t.svg                       -->
  27 <!--                                                                       -->
  28 <!-- Validate the rendering order of graphic elements and the concept      -->
  29 <!-- of grouping.                                                          -->
  30 <!--                                                                       -->
  31 <!-- Author : Vincent Hardy, 29-Feb-2000                                   -->
  32 <!-- Revised for 1.1 : Phil Armstrong Feb/12/2002                          -->
  33 <!--                                                                       -->
  34 <!-- History:                                                              -->
  35 <!--  29-Feb-2000, VH: Created.  Matches 20000302 SVG spec.                -->
  36 <!--  11-Mar-2000, LH=" fixed names, focus, ids, framing rect" removed      -->
  37 <!--                   ineffective "text-anchor="middle"" ser#3             -->
  38 <!--  25-Apr-2000, VH=" put background pattern behind objects" ser#4.       -->
  39 <!--  03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# .         -->
  40 <!--  16-Aug-2000, LH: renaming, ser#5.                                    -->
  41 <!--  21-Aug-2000, VH: added prerequisites section.                        -->
  42 <!--                                                                       -->
  43 <!-- ===================================================================== -->
  44 <!--======================================================================-->
  45 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
  46 <!--= log messages, and therefore is no longer in the preceding preamble.=-->
  47 <!--======================================================================-->
  48 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  49         id="svg-root" baseProfile="tiny"  width="100%" height="100%" viewBox="0 0 480 360">
  50         <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
  51                 <OperatorScript version="$Revision: 1.6 $" testname="render-groups-03-t.svg">
  52                         <Paragraph>
  53                                 Verifies implicit rendering order (paragraph 3.3) and grouping mechanism (paragraphs 3.4).
  54                                 It also validates basic Shape, Image and text rendering.
  55                         </Paragraph>
  56                         <Paragraph>
  57                                 This test renders 3  elements: a text string "SVG", then
  58                                 a shape, then an image. Because of their definition order and coordinates, the image
  59                                 should be on top of the rectangle and the rectangle on top of the text. None
  60                                 of the "SVG" should show through the
  61                                 rectangle and none of the rectangle should show through the image.
  62                         </Paragraph>
  63                         <Paragraph>
  64                                 Prerequisites: the test assumes proper handling of the fill stroke, stroke-width,
  65                                 font-size rendering properties. It uses the rect, line, text and image elements, as
  66                                 well as all the elements required for the test template. To ensure that the text string is
  67                                 overlapped by the other elements and to avoid a dependency on system fonts, an SVG font is used.
  68                         </Paragraph>
  69                         <Paragraph>
  70                                 The rendered image should match the reference image exactly.
  71                         </Paragraph>
  72                 </OperatorScript>
  73         </SVGTestCase>
  74         <title id="test-title">render-groups-03-t</title>
  75         <desc id="test-desc">This test validates the rendering order of graphic elements.</desc>
  76         <!--======================================================================-->
  77         <!--Content of Test Case follows...                  =====================-->
  78         <!--======================================================================-->
  79         <g id="test-body-content">
  80         <defs>
  81                 <font horiz-adv-x="313">
  82                 <!-- Converted from Larabie Anglepoise by Batik ttf2svg -->
  83                         <font-face font-family="larabie-anglepoise" units-per-em="1000" panose-1="0 0 4 0 0 0 0 0 0 0" ascent="703" descent="-300" alphabetic="0"/>
  84                         <missing-glyph horiz-adv-x="500" d="M63 0V700H438V0H63ZM125 63H375V638H125V63Z"/>
  85                         <glyph unicode="S" glyph-name="S" horiz-adv-x="385" d="M371 1H29V144H264Q264 151 264 166Q265 180 265 188Q265 212 249 212H132Q83 212 55 247Q29 279 29 329V566H335V422H136V375Q136 360 144 356Q148 355 168 355H279Q327 355 352 309Q371 273 371 221V1Z"/>
  86 <glyph unicode="V" glyph-name="V" horiz-adv-x="351" d="M365 563L183 -33L0 563H101L183 296L270 563H365Z"/>
  87 <glyph unicode="G" glyph-name="G" horiz-adv-x="367" d="M355 1H18V564H355V420H125V144H248V211H156V355H355V1Z"/>
  88                                 <hkern g1="V" g2="G" k="-40"/>
  89                         </font>
  90                 </defs>
  91                 <!-- ====================================================================== -->
  92                 <!--  3 overlapping elements in a group with opacity    -->
  93                 <!-- ====================================================================== -->
  94                 <g transform="scale(1.8, 1.8)">
  95                         <!-- Background pattern -->
  96                         <rect x="20" y="10" width="230" height="155" fill="rgb(192, 192, 192)"/>
  97                         <line x1="40" y1="10" x2="40" y2="175" stroke="white" stroke-width="15"/>
  98                         <line x1="70" y1="10" x2="70" y2="175" stroke="white" stroke-width="15"/>
  99                         <line x1="100" y1="10" x2="100" y2="175" stroke="white" stroke-width="15"/>
 100                         <line x1="130" y1="10" x2="130" y2="175" stroke="white" stroke-width="15"/>
 101                         <line x1="160" y1="10" x2="160" y2="175" stroke="white" stroke-width="15"/>
 102                         <line x1="190" y1="10" x2="190" y2="175" stroke="white" stroke-width="15"/>
 103                         <line x1="220" y1="10" x2="220" y2="175" stroke="white" stroke-width="15"/>
 104                         <line x1="250" y1="10" x2="250" y2="175" stroke="white" stroke-width="15"/>
 105                         <rect x="20" y="10" width="230" height="155" fill="none" stroke="black"/>
 106                                 <!-- The following text, rectangle and image are drawn, fully opaque, in -->
 107                                 <!-- the order they are defined. Therefore, none of the 'A' under the    -->
 108                                 <!-- rectangle should show. Neither should any of the rectangle under    -->
 109                                 <!-- the image.                                                          -->
 110                                 <text  font-family="larabie-anglepoise" font-size="120"  x="30" y="90">SVG</text>
 111                                 <rect x="70" y="55" width="130" height="70" fill="rgb(130, 0, 50)"/>
 112                                 <image x="162" y="75" width="80" height="80" xlink:href="resources/sign.png"/>
 113                 </g>
 114         </g>
 115         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.6 $</text>
 116         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
 117 </svg>