<?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/. =-->
<!--======================================================================-->
<!-- ===================================================================== -->
<!-- -->
<!-- paint-colIntProp-BE-05.svg -->
<!-- renamed for 1.1 suite to painting-render-01-b.svg -->
<!-- -->
<!-- -->
<!-- Author : Tim Thompson 8/04/00 -->
<!-- 1.1 revision by Rick Graham -->
<!-- -->
<!-- History: -->
<!-- 08-aug-2000, Test color interpolation property -->
<!-- 15-aug-2000, Names changed -->
<!-- 18-Aug-2000, LH: fix DOCTYPE, legend, title. -->
<!-- 02-Oct-2000, TT Moved text so it is not obsecured by image -->
<!-- 02-Nov-2000, VH Now uses linearGradients to show interpolation diff -->
<!-- changed serial number. -->
<!-- 13-Nov-2000, LH, added missing 'g' w/ id="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.7 $" testname="painting-render-01-b.svg">
<Paragraph>
This tests shows the same linear gradient used with different values for the
color-interpolation rendering property. The top bar is painted using the
default color-interpolation value, which should produce the same result as
sRGB. The middle bar is painted using the 'sRGB' color-interpolation and
should be the same as the top bar. Finally, the bottom bar is painted using
the linearRGB interpolation, which produces a result visibly different from
the top two bars: the white to blue ramp is whiter, the blue to red ramp
goes through a pinkish color and the red to yellow ramp turns orange before
the similar sRGB rampl.
</Paragraph>
<Paragraph>
The rendered picture should match the reference image, except for possible
variations in the labelling text (per CSS2 rules).
</Paragraph>
<Paragraph>
The test uses the 'rect' element, the 'circle' element, the 'line' element, the
'linearGradient' element and basic rendering properties such as
stroke (black 1-pixel lines), font-family (Arial) and font-size properties.
The test also uses transforms.
</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">painting-render-01-b.svg</title>
<desc id="test-desc">Test color interpolation property.</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content">
<defs>
<linearGradient id="gradientDefault" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="white" />
<stop offset=".33" stop-color="blue" />
<stop offset=".66" stop-color="red" />
<stop offset="1" stop-color="yellow" />
</linearGradient>
<linearGradient id="gradientSRGB" gradientUnits="objectBoundingBox" color-interpolation="sRGB" >
<stop offset="0" stop-color="white" />
<stop offset=".33" stop-color="blue" />
<stop offset=".66" stop-color="red" />
<stop offset="1" stop-color="yellow" />
</linearGradient>
<linearGradient id="gradientLinearRGB" gradientUnits="objectBoundingBox" color-interpolation="linearRGB" >
<stop offset="0" stop-color="white" />
<stop offset=".33" stop-color="blue" />
<stop offset=".66" stop-color="red" />
<stop offset="1" stop-color="yellow" />
</linearGradient>
</defs>
<text font-family="Verdana" font-size="22" text-anchor="middle" x="225" y="30">Basic test of color-interpolation property.</text>
<!-- ====================================== -->
<!-- Default color-interpolation (sRGB) -->
<!-- ====================================== -->
<g transform="translate(40, 80)">
<rect x="0" y="0" width="300" height="40" fill="url(#gradientDefault)" stroke="black" />
<circle cx="0" cy="-10" r="3" fill="white" stroke="black" />
<line x1="0" y1="-7" x2="0" y2="40" stroke="black" />
<rect x="48" y="18" width="4" height="4" fill="rgb(128, 128, 255)" stroke="black" />
<line x1="50" y1="15" x2="50" y2="25" stroke="rgb(128, 128, 255)" />
<circle cx="100" cy="-10" r="3" fill="blue" stroke="black" />
<line x1="0" y1="-7" x2="0" y2="40" stroke="black" transform="translate(100, 0)"/>
<rect x="148" y="18" width="4" height="4" fill="rgb(128, 0, 128)" stroke="black" />
<line x1="150" y1="15" x2="150" y2="25" stroke="rgb(128, 0, 128)" />
<circle cx="200" cy="-10" r="3" fill="red" stroke="black" />
<line x1="0" y1="-7" x2="0" y2="40" stroke="black" transform="translate(200, 0)"/>
<rect x="248" y="18" width="4" height="4" fill="rgb(255, 128, 0)" stroke="black" />
<line x1="250" y1="15" x2="250" y2="25" stroke="rgb(255, 128, 0)" />
<circle cx="300" cy="-10" r="3" fill="yellow" stroke="black" />
<line x1="0" y1="-7" x2="0" y2="40" stroke="black" transform="translate(300, 0)"/>
<text x="310" y="20" font-family="Verdana" font-size="16" >default (sRGB)</text>
</g>
<!-- ====================================== -->
<!-- sRGB color-interpolation -->
<!-- ====================================== -->
<g transform="translate(40, 160)">
<rect x="0" y="0" width="300" height="40" fill="url(#gradientSRGB)" stroke="black" />
<circle cx="0" cy="-10" r="3" fill="white" stroke="black" />
<line x1="0" y1="-7" x2="0" y2="40" stroke="black" />
<rect x="48" y="18" width="4" height="4" fill="rgb(128, 128, 255)" stroke="black" />
<line x1="50" y1="15" x2="50" y2="25" stroke="rgb(128, 128, 255)" />
<circle cx="100" cy="-10" r="3" fill="blue" stroke="black" />
<line x1="0" y1="-7" x2="0" y2="40" stroke="black" transform="translate(100, 0)"/>
<rect x="148" y="18" width="4" height="4" fill="rgb(128, 0, 128)" stroke="black" />
<line x1="150" y1="15" x2="150" y2="25" stroke="rgb(128, 0, 128)" />
<circle cx="200" cy="-10" r="3" fill="red" stroke="black" />
<line x1="0" y1="-7" x2="0" y2="40" stroke="black" transform="translate(200, 0)"/>
<rect x="248" y="18" width="4" height="4" fill="rgb(255, 128, 0)" stroke="black" />
<line x1="250" y1="15" x2="250" y2="25" stroke="rgb(255, 128, 0)" />
<circle cx="300" cy="-10" r="3" fill="yellow" stroke="black" />
<line x1="0" y1="-7" x2="0" y2="40" stroke="black" transform="translate(300, 0)"/>
<text x="310" y="20" font-family="Verdana" font-size="16" >sRGB</text>
</g>
<!-- ====================================== -->
<!-- linearRGB color-interpolation -->
<!-- ====================================== -->
<g transform="translate(40, 240)">
<rect x="0" y="0" width="300" height="40" fill="url(#gradientLinearRGB)" stroke="black" />
<circle cx="0" cy="-10" r="3" fill="white" stroke="black" />
<line x1="0" y1="-7" x2="0" y2="40" stroke="black" />
<rect x="48" y="18" width="4" height="4" fill="rgb(128, 128, 255)" stroke="black" />
<line x1="50" y1="15" x2="50" y2="25" stroke="rgb(128, 128, 255)" />
<circle cx="100" cy="-10" r="3" fill="blue" stroke="black" />
<line x1="0" y1="-7" x2="0" y2="40" stroke="black" transform="translate(100, 0)"/>
<rect x="148" y="18" width="4" height="4" fill="rgb(128, 0, 128)" stroke="black" />
<line x1="150" y1="15" x2="150" y2="25" stroke="rgb(128, 0, 128)" />
<circle cx="200" cy="-10" r="3" fill="red" stroke="black" />
<line x1="0" y1="-7" x2="0" y2="40" stroke="black" transform="translate(200, 0)"/>
<rect x="248" y="18" width="4" height="4" fill="rgb(255, 128, 0)" stroke="black" />
<line x1="250" y1="15" x2="250" y2="25" stroke="rgb(255, 128, 0)" />
<circle cx="300" cy="-10" r="3" fill="yellow" stroke="black" />
<line x1="0" y1="-7" x2="0" y2="40" stroke="black" transform="translate(300, 0)"/>
<text x="310" y="20" font-family="Verdana" font-size="16" >linearRGB</text>
</g>
</g>
<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.7 $</text>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</svg>
Codebase Browser
chromium