| <?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> |
| |
