third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/struct-group-03-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-svg-05-t                                                       -->
  11 <!--                                                                       -->
  12 <!-- Author : Vincent Hardy 06/10/03                                       -->
  13 <!--                                                                       -->
  14 <!-- History:                                                              -->
  15 <!--  06-oct-2003, VH created                                              -->
  16 <!--                                                                       --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
  17
  18 <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">
  19     <SVGTestCase xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" reviewed="no" reviewer="CN" owner="VH" desc="property inheritance" status="accepted" version="$Revision: 1.6 $" testname="$RCSfile: struct-group-03-t.svg,v $">
  20         <OperatorScript>
  21             <Paragraph>
  22                 This test validates that properties are inherited (or not, depending on
  23                 their defintion), from a group to its children.
  24             </Paragraph>
  25             <Paragraph>
  26                 The two rows displayed in this test should be identical. In the top row,
  27                 each property is set to the value 'inherit'. In the bottom row, which is
  28                 the reference, each property is set to the value that should be inherited
  29                 in the top row.
  30             </Paragraph>
  31         </OperatorScript>
  32     </SVGTestCase>
  33
  34     <g id="test-body-content">
  35         <g id="grid" transform="translate(70, 150) rotate(-90)" fill="none" stroke="black">
  36             <defs>
  37                 <rect id="propertyCell" x="-5" y="-14" width="110" height="22"/>
  38                 <rect id="sampleCell" x="-5" y="-14" width="50" height="22"/>
  39             </defs>
  40
  41             <use xlink:href="#propertyCell"/>
  42             <use xlink:href="#propertyCell" y="22"/>
  43             <use xlink:href="#propertyCell" y="44"/>
  44             <use xlink:href="#propertyCell" y="66"/>
  45             <use xlink:href="#propertyCell" y="88"/>
  46             <use xlink:href="#propertyCell" y="110"/>
  47             <use xlink:href="#propertyCell" y="132"/>
  48             <use xlink:href="#propertyCell" y="154"/>
  49             <use xlink:href="#propertyCell" y="176"/>
  50             <use xlink:href="#propertyCell" y="198"/>
  51             <use xlink:href="#propertyCell" y="220"/>
  52             <use xlink:href="#propertyCell" y="242"/>
  53             <use xlink:href="#propertyCell" y="264"/>
  54             <use xlink:href="#propertyCell" y="286"/>
  55             <use xlink:href="#propertyCell" y="308"/>
  56             <use xlink:href="#propertyCell" y="330"/>
  57             <use xlink:href="#propertyCell" y="352"/>
  58
  59             <g transform="translate(-50, 0)">
  60                 <use xlink:href="#sampleCell"/>
  61                 <use xlink:href="#sampleCell" y="22"/>
  62                 <use xlink:href="#sampleCell" y="44"/>
  63                 <use xlink:href="#sampleCell" y="66"/>
  64                 <use xlink:href="#sampleCell" y="88"/>
  65                 <use xlink:href="#sampleCell" y="110"/>
  66                 <use xlink:href="#sampleCell" y="132"/>
  67                 <use xlink:href="#sampleCell" y="154"/>
  68                 <use xlink:href="#sampleCell" y="176"/>
  69                 <use xlink:href="#sampleCell" y="198"/>
  70                 <use xlink:href="#sampleCell" y="220"/>
  71                 <use xlink:href="#sampleCell" y="242"/>
  72                 <use xlink:href="#sampleCell" y="264"/>
  73                 <use xlink:href="#sampleCell" y="286"/>
  74                 <use xlink:href="#sampleCell" y="308"/>
  75                 <use xlink:href="#sampleCell" y="330"/>
  76                 <use xlink:href="#sampleCell" y="352"/>
  77             </g>
  78
  79             <g transform="translate(-100, 0)">
  80                 <use xlink:href="#sampleCell"/>
  81                 <use xlink:href="#sampleCell" y="22"/>
  82                 <use xlink:href="#sampleCell" y="44"/>
  83                 <use xlink:href="#sampleCell" y="66"/>
  84                 <use xlink:href="#sampleCell" y="88"/>
  85                 <use xlink:href="#sampleCell" y="110"/>
  86                 <use xlink:href="#sampleCell" y="132"/>
  87                 <use xlink:href="#sampleCell" y="154"/>
  88                 <use xlink:href="#sampleCell" y="176"/>
  89                 <use xlink:href="#sampleCell" y="198"/>
  90                 <use xlink:href="#sampleCell" y="220"/>
  91                 <use xlink:href="#sampleCell" y="242"/>
  92                 <use xlink:href="#sampleCell" y="264"/>
  93                 <use xlink:href="#sampleCell" y="286"/>
  94                 <use xlink:href="#sampleCell" y="308"/>
  95                 <use xlink:href="#sampleCell" y="330"/>
  96                 <use xlink:href="#sampleCell" y="352"/>
  97             </g>
  98         </g>
  99         <g id="properties" transform="translate(70, 150) rotate(-90)">
 100             <text>color</text>
 101             <text y="22">display</text>
 102             <text y="44">fill</text>
 103             <text y="66">fill-rule</text>
 104             <text y="88">stroke</text>
 105             <text y="110">stroke-dasharray</text>
 106             <text y="132">stroke-dashoffset</text>
 107             <text y="154">stroke-linecap</text>
 108             <text y="176">stroke-linejoin</text>
 109             <text y="198">stroke-miterlimit</text>
 110             <text y="220">stroke-width</text>
 111             <text y="242">visibility</text>
 112             <text y="264">font-family</text>
 113             <text y="286">font-size</text>
 114             <text y="308">font-style</text>
 115             <text y="330">font-weight</text>
 116             <text y="352">text-anchor</text>
 117         </g>
 118
 119         <g id="inheritGroup" transform="translate(56, 155)">
 120
 121             <g color="#0F0">
 122                 <rect x="3" y="10" width="16" height="32" fill="currentColor"/>
 123             </g>
 124
 125             <g display="none" transform="translate(22, 0)">
 126                 <rect x="3" y="10" width="16" height="32" display="inherit"/>
 127             </g>
 128
 129             <g fill="#0F0" transform="translate(44, 0)">
 130                 <rect x="3" y="10" width="16" height="32" fill="inherit"/>
 131             </g>
 132
 133             <g fill-rule="evenodd" transform="translate(66, 0)">
 134                 <polygon points="10.5,0 21,21 0,7 21,7 0,21" fill-rule="inherit" fill="#0F0" transform="translate(3, 15) scale(0.7)"/>
 135             </g>
 136
 137             <g stroke="#0F0" transform="translate(88, 0)">
 138                 <rect x="3" y="10" width="16" height="32" stroke="inherit" fill="none"/>
 139             </g>
 140
 141             <g stroke-dasharray="2 2 5 5" transform="translate(110, 0)">
 142                 <line x1="11" y1="5" x2="11" y2="40" stroke="#0F0" stroke-dasharray="inherit" stroke-width="2"/>
 143             </g>
 144
 145             <g stroke-dashoffset="4" transform="translate(132, 0)">
 146                 <line x1="11" y1="5" x2="11" y2="40" stroke="#0F0" stroke-dashoffset="inherit" stroke-dasharray="2 2 5 5" stroke-width="2"/>
 147             </g>
 148
 149             <g stroke-linecap="round" transform="translate(154, 0)">
 150                 <line x1="11" y1="10" x2="11" y2="40" stroke="#0F0" stroke-linecap="inherit" stroke-width="10"/>
 151             </g>
 152
 153             <g stroke-linejoin="round" transform="translate(176, 0)">
 154                 <polyline points="3,40 11,10 19,40" stroke="#0F0" stroke-linejoin="inherit" stroke-width="5" fill="none"/>
 155             </g>
 156
 157             <g stroke-miterlimit="1" transform="translate(198, 0)">
 158                 <polyline points="3,40 11,10 19,40" stroke="#0F0" stroke-miterlimit="inherit" stroke-width="5" fill="none"/>
 159             </g>
 160
 161             <g stroke-width="5" transform="translate(220, 0)">
 162                 <line x1="11" y1="10" x2="11" y2="40" stroke="#0F0" stroke-width="inherit"/>
 163             </g>
 164
 165             <g visibility="hidden" transform="translate(242, 0)">
 166                 <line x1="11" y1="10" x2="11" y2="40" stroke="#0F0" visibility="inherit"/>
 167             </g>
 168
 169             <g font-family="serif" transform="translate(264, 0)">
 170                 <text x="11" y="30" font-size="20" text-anchor="middle" font-family="inherit">A</text>
 171             </g>
 172
 173             <g font-size="10" transform="translate(286, 0)">
 174                 <text x="11" y="30" font-size="inherit" text-anchor="middle" font-family="serif">A</text>
 175             </g>
 176
 177             <g font-style="italic" transform="translate(308, 0)">
 178                 <text x="11" y="30" font-style="inherit" text-anchor="middle" font-size="20" font-family="serif">A</text>
 179             </g>
 180
 181             <g font-weight="bold" transform="translate(330, 0)">
 182                 <text x="11" y="30" font-weight="inherit" text-anchor="middle" font-family="serif" font-size="20">A</text>
 183             </g>
 184
 185             <g text-anchor="middle" transform="translate(352, 0)">
 186                 <text x="11" y="30" text-anchor="inherit" font-family="serif" font-size="20">A</text>
 187             </g>
 188         </g>
 189
 190         <g id="referenceGroup" transform="translate(56, 205)">
 191
 192             <g>
 193                 <rect x="3" y="10" width="16" height="32" fill="#0F0"/>
 194             </g>
 195
 196             <g transform="translate(22, 0)">
 197                 <rect x="3" y="10" width="16" height="32" display="none"/>
 198             </g>
 199
 200             <g transform="translate(44, 0)">
 201                 <rect x="3" y="10" width="16" height="32" fill="#0F0"/>
 202             </g>
 203
 204             <g transform="translate(66, 0)">
 205                 <polygon points="10.5,0 21,21 0,7 21,7 0,21" fill-rule="evenodd" fill="#0F0" transform="translate(3, 15) scale(0.7)"/>
 206             </g>
 207
 208             <g transform="translate(88, 0)">
 209                 <rect x="3" y="10" width="16" height="32" stroke="#0F0" fill="none"/>
 210             </g>
 211
 212             <g stroke-dasharray="2 2 5 5" transform="translate(110, 0)">
 213                 <line x1="11" y1="5" x2="11" y2="40" stroke="#0F0" stroke-dasharray="inherit" stroke-width="2"/>
 214             </g>
 215
 216             <g transform="translate(132, 0)">
 217                 <line x1="11" y1="5" x2="11" y2="40" stroke="#0F0" stroke-dashoffset="4" stroke-dasharray="2 2 5 5" stroke-width="2"/>
 218             </g>
 219
 220             <g transform="translate(154, 0)">
 221                 <line x1="11" y1="10" x2="11" y2="40" stroke="#0F0" stroke-linecap="round" stroke-width="10"/>
 222             </g>
 223
 224             <g transform="translate(176, 0)">
 225                 <polyline points="3,40 11,10 19,40" stroke="#0F0" stroke-linejoin="round" stroke-width="5" fill="none"/>
 226             </g>
 227
 228             <g transform="translate(198, 0)">
 229                 <polyline points="3,40 11,10 19,40" stroke="#0F0" stroke-miterlimit="1" stroke-width="5" fill="none"/>
 230             </g>
 231
 232             <g transform="translate(220, 0)">
 233                 <line x1="11" y1="10" x2="11" y2="40" stroke="#0F0" stroke-width="5"/>
 234             </g>
 235
 236             <g transform="translate(242, 0)">
 237                 <line x1="11" y1="10" x2="11" y2="40" stroke="#0F0" visibility="hidden"/>
 238             </g>
 239
 240             <g transform="translate(264, 0)">
 241                 <text x="11" y="30" font-size="20" text-anchor="middle" font-family="serif">A</text>
 242             </g>
 243
 244             <g transform="translate(286, 0)">
 245                 <text x="11" y="30" font-size="10" text-anchor="middle" font-family="serif">A</text>
 246             </g>
 247
 248             <g transform="translate(308, 0)">
 249                 <text x="11" y="30" font-style="italic" text-anchor="middle" font-size="20" font-family="serif">A</text>
 250             </g>
 251
 252             <g transform="translate(330, 0)">
 253                 <text x="11" y="30" font-weight="bold" text-anchor="middle" font-family="serif" font-size="20">A</text>
 254             </g>
 255
 256             <g transform="translate(352, 0)">
 257                 <text x="11" y="30" text-anchor="middle" font-family="serif" font-size="20">A</text>
 258             </g>
 259         </g>
 260     </g>
 261
 262     <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.6 $</text>
 263     <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
 264
 265 </svg>