third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/pservers-pattern-01-b.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
   3
   4 <!--======================================================================-->
   5 <!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
   6 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   7 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   8 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   9 <!--======================================================================-->
  10 <!-- =====================================================================-->
  11 <!--                                                                      -->
  12 <!-- gradPatt-pattern-BE-07.svg                                           -->
  13 <!-- renamed for 1.1 suite to pservers-pattern-01-b.svg                       -->
  14 <!--                                                                      -->
  15 <!--  Test that the viewer has basic capability to handle patterns        -->
  16 <!--  on fills & stroke of shapes and text.                               -->
  17 <!--                                                                      -->
  18 <!-- Author : Haroon Sheikh  09-Feb-2000                                  -->
  19 <!-- Revised for 1.1 : Jun Fujisawa 19-Feb-2002                           -->
  20 <!--                                                                      -->
  21 <!-- History:                                                             -->
  22 <!--  06-Mar-2000, HSS: Serial#1 created.                                 -->
  23 <!--  06-Mar-2000,  DJ: Changed first pattern.                            -->
  24 <!--  03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# .       -->
  25 <!--  16-Aug-2000, LH="rename" ser#3.                                     -->
  26 <!--  08-Nov-2000, VH: added patternUnits on all pattern elements.        -->
  27 <!--                                                                      -->
  28 <!-- =====================================================================-->
  29 <!--======================================================================-->
  30 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
  31 <!--= log messages, and therefore is no longer in the preceding preamble.=-->
  32 <!--======================================================================-->
  33 <svg version="1.1" baseProfile="basic" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
  34         <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
  35                 <OperatorScript version="$Revision: 1.6 $" testname="pservers-pattern-01-b.svg">
  36                         <Paragraph>
  37                                 Test that the viewer has basic capability to handle patterns
  38                                 on fills and stroke of objects and text.
  39                         </Paragraph>
  40                         <Paragraph>
  41                                 From top-down the appearance of objects is as follows.
  42                         </Paragraph>
  43                         <Paragraph>
  44                                 The top rectangle should be filled with a pattern composed of a green
  45                                 rectangle on top of red rectangle. A default stroke has been applied to the original
  46                                 rectangle to see the boundary of the rectangle.
  47                         </Paragraph>
  48                         <Paragraph>
  49                                 The next rectangle has no fill, but has a thick stroke on which the pattern is
  50                                 applied. The pattern consists of 4 colored rectangles.
  51                         </Paragraph>
  52                         <Paragraph>
  53                                 The next item is a text with a pattern on the fill. The pattern appears as
  54                                 alternating rows of red and green.
  55                         </Paragraph>
  56                         <Paragraph>
  57                                 The last item is a text with a 2 user unit stroke on which a pattern is applied.
  58                                 The pattern appears as alternating columns of red and blue.
  59                         </Paragraph>
  60                         <Paragraph>
  61                                 The rendered image should match the reference image.
  62                                 Variations in the labelling text (per CSS2 rules) are possible.
  63                         </Paragraph>
  64                 </OperatorScript>
  65         </SVGTestCase>
  66         <title id="test-title">pservers-pattern-01-b</title>
  67         <desc id="test-desc">Test that the viewer has basic capability to handle patterns on fills and stroke of objects and text.</desc>
  68         <!--======================================================================-->
  69         <!--Content of Test Case follows...                  =====================-->
  70         <!--======================================================================-->
  71         <g id="test-body-content">
  72                 <!-- ====================================================================== -->
  73                 <!-- Rectangle with a pattern fill                                 ======== -->
  74                 <!-- ====================================================================== -->
  75                 <pattern patternUnits="userSpaceOnUse" id="pat1" x="10" y="10" width="20" height="20">
  76                         <rect x="5" y="5" width="10" height="10" fill="red" />
  77                         <rect x="10" y="10" width="10" height="10" fill="green" />
  78                 </pattern>
  79                 <rect x="25" y="10" width="430" height="60" stroke="black" fill="url(#pat1)" />
  80                 <text font-family="Arial" font-size="12"  x="25" y="85">Pattern created using red and green rectangles applied to fill of rectangle</text>
  81                 <!-- ====================================================================== -->
  82                 <!-- Rectangle with a pattern on the stroke                        ======== -->
  83                 <!-- ====================================================================== -->
  84                 <pattern patternUnits="userSpaceOnUse" id="pat2" x="0" y="0" width="20" height="20">
  85                         <rect x="0" y="0" width="10" height="10" fill="red" />
  86                         <rect x="10" y="0" width="10" height="10" fill="green" />
  87                         <rect x="0" y="10" width="10" height="10" fill="blue" />
  88                         <rect x="10" y="10" width="10" height="10" fill="yellow" />
  89                 </pattern>
  90                 <rect x="35" y="110" width="410" height="40" fill="none" stroke="url(#pat2)" stroke-width="20" />
  91                 <text font-family="Arial" font-size="12"  x="25" y="175">Pattern of 4 rectangles applied to a stroke of a rectangle.</text>
  92                 <!-- ====================================================================== -->
  93                 <!-- Pattern filled text                                           ======== -->
  94                 <!-- ====================================================================== -->
  95                 <pattern patternUnits="userSpaceOnUse" id="pat3" x="0" y="0" width="10" height="20">
  96                         <rect x="0" y="0" width="10" height="10" fill="red" />
  97                         <rect x="0" y="10" width="10" height="10" fill="green" />
  98                 </pattern>
  99                 <text font-family="Arial" font-size="50" fill="url(#pat3)"  x="25" y="220">Pattern on fill</text>
 100                 <text font-family="Arial" font-size="12"  x="25" y="235">Pattern consists of red and green rows</text>
 101                 <!-- ====================================================================== -->
 102                 <!-- Pattern on stroke of text                                     ======== -->
 103                 <!-- ====================================================================== -->
 104                 <pattern patternUnits="userSpaceOnUse" id="pat4" x="0" y="0" width="20" height="10">
 105                         <rect x="0" y="0" width="10" height="10" fill="red" />
 106                         <rect x="10" y="0" width="10" height="10" fill="blue" />
 107                 </pattern>
 108                 <text font-family="Arial" font-size="40" fill="none" stroke="url(#pat4)" stroke-width="2"  x="25" y="275">Pattern on stroke</text>
 109                 <text font-family="Arial" font-size="12"  x="25" y="290">Pattern consists of red and blue columns</text>
 110         </g>
 111         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.6 $</text>
 112         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
 113 </svg>
 114