LayoutTests/svg/W3C-SVG-1.1/masking-path-04-b.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
<!--======================================================================-->
<!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
<!--=  Institute of Technology, Institut National de Recherche en        =-->
<!--=  Informatique et en Automatique, Keio University). All Rights      =-->
<!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
<!--======================================================================-->
<!-- ===================================================================== -->
<!--                                                                       -->
<!-- masking-clipPath-BE-08.svg                                            -->
<!-- renamed for 1.1 suite to masking-path-04-b.svg                        -->
<!--                                                                       -->
<!-- Author : Chris Lilley   26-Mar-2000                                   -->
<!-- 1.1 revision by Charles Ying                                          -->
<!--                                                                       -->
<!-- History:                                                              -->
<!--  26-Mar-2000, CL: Created. ser #1.                                    -->
<!--  17-April-2000, CL: slight mod to make title be two lines,            -->
<!--                  alter title and make it test number 8. ser #2        -->
<!--  16-May-2000, LH: minor editorial and name changes, ser #3.           -->
<!--  03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# .        -->
<!--  16-Aug-2000, LH="rename" ser#4.                                      -->
<!--  14-Nov-2000, LH: move defs into test-body-content.                   -->
<!--                                                                       -->
<!-- ===================================================================== -->
<!--======================================================================-->
<!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
<!--= log messages, and therefore is no longer in the preceding preamble.=-->
<!--======================================================================-->
<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">
	<SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
		<OperatorScript version="$Revision: 1.8 $" testname="masking-path-04-b.svg">
			<Paragraph>
				This test exercises basic user-specified clip paths, using a text
				string (i.e., content of a 'text' element) as the clip path.
			</Paragraph>
			<Paragraph>
				There is a rectangular image of a swirly blue pattern with large
				yellow text, "Clip Path" superimposed. The image is a PNG file,
				imported into the picture via the 'image' element.
			</Paragraph>
			<Paragraph>
				The rendered picture should match the reference image, except for
				possible variations in the labelling text (per CSS2 rules).  (Note
				that the imported PNG image is somewhat granular and low resolution).
			</Paragraph>
			<Paragraph>
				The test uses the 'rect' element, as well as basic fill (solid primary
				colors), stroke (black 1-pixel lines), font-family (Arial and
				Impact) and font-size properties.
			</Paragraph>
		</OperatorScript>
	</SVGTestCase>
	<title id="test-title">masking-path-04-b</title>
	<desc id="test-desc">Check that user-specified (non-default) clipPaths work.</desc>
	<!--======================================================================-->
	<!--Content of Test Case follows...                  =====================-->
	<!--======================================================================-->
	<g id="test-body-content">
      <defs>
         <clipPath id="sample" clipPathUnits="userSpaceOnUse">
            <text x="45" y="270" font-size="100" font-family="Impact">Clip Test</text>
         </clipPath>
      </defs>

      <g>
        <image xlink:href="resources/bluesquidj.png" preserveAspectRatio="none" x="30" y="20" width="410" height="140"/>
        <text x="55" y="130" font-size="100" font-family="Impact" fill="yellow">Clip Test</text>
     </g>
     <g>
         <image xlink:href="resources/bluesquidj.png" preserveAspectRatio="none" x="20" y="170" width="410" height="160" clip-path="url(#sample)"/>
     </g>
   </g>
   <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.8 $</text>
   <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</svg>