qt5base-lts/tests/arthur/data/1.1/pservers-grad-11-b.svg
Qt by Nokia 38be0d1383 Initial import from the monolithic Qt.
This is the beginning of revision history for this module. If you
want to look at revision history older than this, please refer to the
Qt Git wiki for how to use Git history grafting. At the time of
writing, this wiki is located here:

http://qt.gitorious.org/qt/pages/GitIntroductionWithQt

If you have already performed the grafting and you don't see any
history beyond this commit, try running "git log" with the "--follow"
argument.

Branched from the monolithic repo, Qt master branch, at commit
896db169ea224deb96c59ce8af800d019de63f12
2011-04-27 12:05:43 +02:00

101 lines
6.1 KiB
XML

<?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-radialGr-BE-04.svg -->
<!-- renamed for 1.1 suite to pservers-grad-11-b.svg -->
<!-- Author : Haroon Sheikh 07-Mar-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-11-b.svg">
<Paragraph>
Test that the viewer has basic capability to handle radial gradients
on fills and stroke of objects and text.
</Paragraph>
<Paragraph>
This test uses the following elements : &lt;radialGradient&gt;, &lt;stop&gt;
and the following properties : stop-color, fill:url(# ), stroke(url# )
</Paragraph>
<Paragraph>
From top-down (left to right) the appearance of objects is as follows.
</Paragraph>
<Paragraph>
The top left rectangle should be a radial gradient from black(in) to red(outside).
The gradiant is applied to the fill of the rectangle.
</Paragraph>
<Paragraph>
The next rectangle has no fill, but has a thick stroke on which the gradient is
applied. The gradient goes from red(in) to yellow (out).
</Paragraph>
<Paragraph>
The next item is a text with a radial gradient on the fill. The gradient goes
from black (in) to yellow (out).
</Paragraph>
<Paragraph>
The last item is a text with a 2 user unit stroke on which a black (in) to red
(out) linear gradient is applied.
</Paragraph>
<Paragraph>
The rendered picture should match the reference image exactly, except for possible
variations in the labelling text (per CSS2 rules).
</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">pservers-grad-11-b.svg</title>
<desc id="test-desc">Test that the viewer has basic capability to handle radial gradients on fills and stroke of objects and text. This means it needs to understand the following elements : &lt;radialGradient&gt;, &lt;stop&gt; and the following properties : stop-color, fill:url(# ), stroke(url# )</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content">
<!-- ====================================================================== -->
<!-- Very simple black to red radial gradient ======== -->
<!-- ====================================================================== -->
<radialGradient gradientUnits="userSpaceOnUse" id="Grad1" cx="75" cy="100" r="130" fx="75" fy="100">
<stop stop-color="black" offset="0"/>
<stop stop-color="red" offset="1"/>
</radialGradient>
<rect x="10" y="10" width="210" height="140" fill="url(#Grad1)" />
<text font-family="Arial" font-size="12" x="10" y="165">Radial gradient on fill of rectangle</text>
<!-- ====================================================================== -->
<!-- Radial gradient on the stroke of a rectangle ======== -->
<!-- ====================================================================== -->
<radialGradient id="Grad2" gradientUnits="userSpaceOnUse" cx="295" cy="100" r="150" fx="295" fy="100">
<stop stop-color="red" offset="0"/>
<stop stop-color="yellow" offset="1"/>
</radialGradient>
<rect x="250" y="30" width="170" height="100" fill="none" stroke="url(#Grad2)" stroke-width="40" />
<text font-family="Arial" font-size="12" x="230" y="165">Radial gradient on stroke of rectangle</text>
<!-- ====================================================================== -->
<!-- Gradient on fill of text ======== -->
<!-- ====================================================================== -->
<radialGradient id="Grad3" gradientUnits="userSpaceOnUse" cx="225" cy="180" r="90" fx="225" fy="180">
<stop stop-color="black" offset="0"/>
<stop stop-color="yellow" offset="1"/>
</radialGradient>
<text font-family="Arial" font-size="50" fill="url(#Grad3)" x="10" y="210">Gradient on text fill</text>
<text font-family="Arial" font-size="12" x="10" y="225">Radial gradient on text, black to yellow</text>
<!-- ====================================================================== -->
<!-- Gradient on stroke of text ======== -->
<!-- ====================================================================== -->
<radialGradient id="Grad4" gradientUnits="userSpaceOnUse" cx="225" cy="245" r="90" fx="225" fy="245">
<stop stop-color="black" offset="0"/>
<stop stop-color="red" offset="1"/>
</radialGradient>
<text font-family="Arial" font-size="45" fill="none" stroke="url(#Grad4)" stroke-width="2" x="10" y="270">Gradient on text stroke</text>
<text font-family="Arial" font-size="12" x="10" y="285">Radial gradient on stroke of text, black to red</text>
</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>