chromium/third_party/blink/web_tests/svg/W3C-SVG-1.1/filters-comptran-01-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/.                =-->
<!--======================================================================-->
<!--======================================================================-->
<!-- filters-transfer-BE-04.svg                                           -->
<!-- renamed for 1.1 suite to filters-comptran-01-f.svg                   -->
<!-- renamed for 1.1 suite to filters-comptran-01-b.svg                   -->
<!-- Author : Jon Ferraiolo 03-Apr-2000                                   -->
<!-- Revised for 1.1 : Mike Bultrowicz, 4 February 2002                   -->
<!-- Revised for 1.1 basic profile : Luc Minnebo, 5 July 2002             -->
<!--======================================================================-->
<svg 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" version="1.1" baseProfile="basic">
	<SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
		<OperatorScript version="$Revision: 1.6 $" testname="filters-comptran-01-b.svg">
			<Paragraph>
				Test which verifies the basic facilities of 
				feComponentTransfer.
			</Paragraph>
			<Paragraph>
				This test uses the following elements : a nested &lt;svg&gt; 
				with a viewBox attribute, &lt;linearGradient&gt;, &lt;filter&gt;, 
				&lt;feComponentTransfer&gt;.
			</Paragraph>
			<Paragraph>
				The test case shows four rectangles filled with a 
				gradient showing the effects of feComponentTransfer: an 
				identity function acting as a reference, use of the 
				feComponentTransfer table option, use of the 
				feComponentTransfer linear option, and use of the 
				feComponentTransfer gamma option.
			</Paragraph>
			<Paragraph>
				The test is somewhat self-explanatory as the strings 
				document the type of feComponentTransfer operation that 
				is being used.
			</Paragraph>
		</OperatorScript>
	</SVGTestCase>
	<title id="test-title">filters-comptran-01-b</title>
	<desc id="test-desc">Test which verifies the basic facilities of feComponentTransfer.</desc>
	<!--======================================================================-->
	<!--Content of Test Case follows...                  =====================-->
	<!--======================================================================-->
	<g id="test-body-content">
		<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="15" y="5" width="450" height="300" viewBox="0 0 630 420">
			<title>Example feComponentTransfer - Examples of feComponentTransfer operations</title>
			<desc>Four rectangles filled with a gradient showing the effects of feComponentTransfer: an identity function acting as a reference, use of the feComponentTransfer table option, use of the feComponentTransfer linear option, and use of the feComponentTransfer gamma option.</desc>
			<defs>
				<linearGradient id="MyGradient" gradientUnits="userSpaceOnUse" x1="10" y1="0" x2="590" y2="0">
					<stop offset="0" stop-color="#ff0000"/>
					<stop offset=".33" stop-color="#00ff00"/>
					<stop offset=".67" stop-color="#0000ff"/>
					<stop offset="1" stop-color="#000000"/>
				</linearGradient>
				<filter id="Identity" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
					<feComponentTransfer>
						<feFuncR type="identity"/>
						<feFuncG type="identity"/>
						<feFuncB type="identity"/>
						<feFuncA type="identity"/>
					</feComponentTransfer>
				</filter>
				<filter id="Table" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
					<feComponentTransfer>
						<feFuncR type="table" tableValues="0 0 1 1"/>
						<feFuncG type="table" tableValues="1 1 0 0"/>
						<feFuncB type="table" tableValues="0 1 1 0"/>
					</feComponentTransfer>
				</filter>
				<filter id="Linear" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
					<feComponentTransfer>
						<feFuncR type="linear" slope=".5" intercept=".25"/>
						<feFuncG type="linear" slope=".5" intercept="0"/>
						<feFuncB type="linear" slope=".5" intercept=".5"/>
					</feComponentTransfer>
				</filter>
				<filter id="Gamma" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
					<feComponentTransfer>
						<feFuncR type="gamma" amplitude="2" exponent="5" offset="0"/>
						<feFuncG type="gamma" amplitude="2" exponent="3" offset="0"/>
						<feFuncB type="gamma" amplitude="2" exponent="1" offset="0"/>
					</feComponentTransfer>
				</filter>
			</defs>
			<rect fill="none" stroke="blue" x="1" y="1" width="628" height="418"/>
			<g font-size="30" font-family="Verdana">
				<rect fill="none" stroke="blue" x="1" y="1" width="628" height="418"/>
				<rect x="10" y="10" width="580" height="40" fill="url(#MyGradient)" filter="url(#Identity)"/>
				<text x="10" y="80">type: identity</text>
				<rect x="10" y="110" width="580" height="40" fill="url(#MyGradient)" filter="url(#Table)"/>
				<text x="10" y="180">type: table</text>
				<rect x="10" y="210" width="580" height="40" fill="url(#MyGradient)" filter="url(#Linear)"/>
				<text x="10" y="280">type:linear slope:.5 intercepts:.25/0/.5</text>
				<rect x="10" y="310" width="580" height="40" fill="url(#MyGradient)" filter="url(#Gamma)"/>
				<text x="10" y="380">type: gamma ampl:2 exponents:5/3/1</text>
			</g>
		</svg>
	</g>
	<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.6 $</text>
	<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</svg>