third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/masking-intro-01-f.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 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
   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 <!-- masking-mask-04-f.svg                                                  -->
  13 <!--                                                                       -->
  14 <!-- Tests the impact of strokes within clipPath and mask                  -->
  15 <!--                                                                       -->
  16 <!-- Author : Corel SVG Viewer QA team  01-05-2003                         -->
  17 <!-- Revised by: Benoit Bezaire                                                                                                                 -->
  18 <!--                                                                       -->
  19 <!--======================================================================-->
  20
  21   <SVGTestCase
  22       xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/"
  23       xmlns="http://www.w3.org/2000/02/svg/testsuite/description/"
  24       owner="BB" reviewer="CL" desc="Tests the impact of strokes within
  25       clipPath and mask" status="accepted" version="$Revision: 1.7 $" testname="$RCSfile: masking-intro-01-f.svg,v $">
  26     <OperatorScript>
  27       <Paragraph>The rules are different regarding the geometry of a shape when clipping and masking.
  28                 For example, a clip-path does not take into account the stroke of the shape used for clipping.
  29                 It is however, used when masking.
  30       </Paragraph>
  31       <Paragraph>The UA should render at the top of the illustration, two identical darkblue circles.
  32                 Below those two cicles, two more circles should appear.  They are of lighter appearance,
  33                 the one on the left has a darker and thick stroke.
  34       </Paragraph>
  35     </OperatorScript>
  36   </SVGTestCase>
  37
  38   <title id="test-title">masking-mask-04-f.svg</title>
  39   <desc id="test-desc">Tests the impact of strokes within clipPath and mask</desc>
  40
  41   <!--======================================================================-->
  42   <!--Content of Test Case follows...                  =====================-->
  43   <!--======================================================================-->
  44   <text font-size="18" x="240" y="35" text-anchor="middle">Testing stroke inclusion for 'clip-path' and 'mask'</text>
  45
  46   <defs>
  47     <clipPath id="one" clipPathUnits="objectBoundingBox">
  48       <circle cx="0.3" cy="0.5" r="0.2" stroke-width="0.15" fill="none" stroke="red"/>
  49       <circle cx="0.7" cy="0.5" r="0.2" stroke-width="0.15" fill="none" stroke="none"/>
  50     </clipPath>
  51   </defs>
  52
  53   <rect x="150" y="0" width="200" height="200" fill="darkblue" clip-path="url(#one)"/>
  54   <text x="50" y="110">With a 'clip-path':</text>
  55
  56   <defs>
  57     <mask id="two" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
  58       <circle cx="0.3" cy="0.5" r="0.2" stroke-width="0.15" fill="blue" stroke="red"/>
  59       <circle cx="0.7" cy="0.5" r="0.2" stroke-width="0.15" fill="blue" stroke="none"/>
  60     </mask>
  61   </defs>
  62
  63   <rect x="150" y="150" width="200" height="200" fill="darkblue" mask="url(#two)"/>
  64   <text x="50" y="260">With a 'mask':</text>
  65
  66
  67   <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.7 $</text>
  68   <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  69 </svg>