<?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/. =-->
<!--======================================================================-->
<!-- ===================================================================== -->
<!-- gradPatt-linearGr-BE-01.svg -->
<!-- renamed for 1.1 suite to pservers-grad-08-b.svg -->
<!-- Author : Haroon Sheikh 09-Feb-2000 -->
<!-- 1.1 revision by Rick Graham -->
<!--======================================================================-->
<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="pservers-grad-08-b.svg">
<Paragraph>
Test that the viewer has basic capability to handle linear gradients
on fills and stroke of text.
</Paragraph>
<Paragraph>
This test uses the following elements : <linearGradient>, <stop>
and the following properties : stop-color, fill:url(# ), stroke(url# )
</Paragraph>
<Paragraph>
Both elements in this test use the same simple gradient. It is a linear gradient from blue (left) to red (right). From top-down the appearance of objects is as follows.
</Paragraph>
<Paragraph>
The first item is a text string "Gradient on fill" with the gradient on the fill of the text.
</Paragraph>
<Paragraph>
The second item is a text string that is not filled. It has a 2 user unit stroke on which the gradient is applied.
</Paragraph>
<Paragraph>
The rendered picture should match the reference image, except for possible
variations in the labelling text (per CSS2 rules).
</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">pservers-grad-08-b.svg</title>
<desc id="test-desc">Test that the viewer has basic capability to handle linear gradients on
fills and stroke of objects and text. This means it needs to understand
the following elements : <linearGradient>, <stop> and the following properties :
stop-color, fill:url(# ), stroke(url# )</desc>
<defs>
<font id="MyFont" horiz-adv-x="416" >
<font-face
font-family="MyFont"
units-per-em="1000"
panose-1="2 0 0 6 3 0 0 2 0 4"
ascent="700"
descent="-127"
alphabetic="0" />
<missing-glyph horiz-adv-x="233" />
<glyph unicode=" " glyph-name="space" horiz-adv-x="233" />
<glyph unicode="G" glyph-name="G" horiz-adv-x="547" d="M40 700V0H510V383H295V253H360V150H190V550H510V700H40Z" />
<glyph unicode="a" glyph-name="a" horiz-adv-x="435" d="M71 550L3 0H143L154 119H282L293 0H433L365 550H71ZM168 259L182 410H254L268 259H168Z" />
<glyph unicode="d" glyph-name="d" horiz-adv-x="519" d="M27 550V410H87V140H27V0H482V550H27ZM230 410H339V140H230V410Z" />
<glyph unicode="e" glyph-name="e" horiz-adv-x="442" d="M37 550V410V0H419V130H180V210H299V340H180V420H419V550H37Z" />
<glyph unicode="f" glyph-name="f" horiz-adv-x="428" d="M37 550V410V0H180V196H349V326H180V420H410V550H37Z" />
<glyph unicode="i" glyph-name="i" horiz-adv-x="217" d="M37 550V410V0H180V550H37Z" />
<glyph unicode="k" glyph-name="k" horiz-adv-x="472" d="M180 207H233L325 0H480L344 284L474 550H319L233 347H180V550H37V410V0H180V207Z" />
<glyph unicode="l" glyph-name="l" horiz-adv-x="435" d="M37 0H425V130H180V550H37V410V0Z" />
<glyph unicode="n" glyph-name="n" horiz-adv-x="518" d="M180 550H37V410V0H180V324L338 0H481V550H338V226L180 550Z" />
<glyph unicode="o" glyph-name="o" horiz-adv-x="484" d="M37 550V0H447V550H37ZM180 410H304V140H180V410Z" />
<glyph unicode="r" glyph-name="r" horiz-adv-x="485" d="M37 550V410V0H180V164H222L305 0H465L367 174H444V550H37ZM180 420H301V294H180V420Z" />
<glyph unicode="s" glyph-name="s" horiz-adv-x="468" d="M34 550V410V218H291V120H34V0H434V338H177V430H434V550H34Z" />
<glyph unicode="t" glyph-name="t" horiz-adv-x="417" d="M5 550V410H137V0H280V410H412V550H5Z" />
</font>
</defs>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content" transform="scale(1, 1.5)">
<!-- ====================================================================== -->
<!-- Very simple blue to red linear gradient from left to right ========== -->
<!-- ====================================================================== -->
<linearGradient id="Gradient" gradientUnits="userSpaceOnUse" x1="10" y1="10" x2="440" y2="10">
<stop stop-color="blue" offset="0"/>
<stop stop-color="red" offset="1"/>
</linearGradient>
<!-- ====================================================================== -->
<!-- Gradient on fill of text ======== -->
<!-- ====================================================================== -->
<text font-family="MyFont" font-size="68" fill="url(#Gradient)" x="20" y="70">Gradient on fill</text>
<!-- ====================================================================== -->
<!-- Gradient on stroke of text ======== -->
<!-- ====================================================================== -->
<text font-family="MyFont" x="20" y="160" font-size="55" fill="none" stroke="url(#Gradient)" stroke-width="3" >Gradient on stroke</text>
</g>
<text font-size="30" x="40" y="145">Linear gradient on filled text</text>
<text font-size="30" x="30" y="280">Linear gradient on stroke of text</text>
<text id="revision" x="10" y="340" font-size="50" 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