You are viewing a plain text version of this content. The canonical link for it is here.
Posted to batik-dev@xmlgraphics.apache.org by vh...@apache.org on 2001/04/25 23:52:41 UTC
cvs commit: xml-batik/samples/tests radialGradient.svg
vhardy 01/04/25 14:52:40
Added: samples/tests radialGradient.svg
Log:
Initial commit for new detailed radialGradient test.
Revision Changes Path
1.1 xml-batik/samples/tests/radialGradient.svg
Index: radialGradient.svg
===================================================================
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000802//EN"
"http://www.w3.org/TR/2000/CR-SVG-20000802/DTD/svg-20000802.dtd">
<!-- ========================================================================= -->
<!-- Copyright (C) The Apache Software Foundation. All rights reserved. -->
<!-- -->
<!-- This software is published under the terms of the Apache Software License -->
<!-- version 1.1, a copy of which has been included with this distribution in -->
<!-- the LICENSE file. -->
<!-- ========================================================================= -->
<!-- ========================================================================= -->
<!-- @author vhardy@apache.org -->
<!-- @version $Id: radialGradient.svg,v 1.1 2001/04/25 21:52:40 vhardy Exp $ -->
<!-- ========================================================================= -->
<?xml-stylesheet type="text/css" href="test.css" ?>
<svg id="body" width="450" height="500" viewBox="0 0 450 500">
<title><radialGradient> Test A</title>
<text class="title" x="50%" y="40"><radialGradient> Test</text>
<defs>
<!-- Shape filled by radial gradients -->
<g id="testShape">
<rect x="-25" y="-20" width="50" height="40" />
</g>
<!-- ========================================== -->
<!-- Two gradients, one with no values defined -->
<!-- and one with the default values specified -->
<!-- They should create the same pattern -->
<!-- ========================================== -->
<radialGradient id="rgDefaults">
<stop offset="0" stop-color="gold" />
<stop offset="1" stop-color="crimson" />
</radialGradient>
<radialGradient id="rgSpecifiedDefaults"
gradientUnits="objectBoundingBox"
cx="50%" cy="50%"
r="50%"
fx="50%" fy="50%"
spreadMethod="pad" xlink:href="#rgDefaults" />
<!-- ========================================== -->
<!-- gradientUnits. The following gradients -->
<!-- is defined so as to produce the same -->
<!-- result as with the default settings -->
<!-- For example, cx default is 50% in object -->
<!-- bounding box, which is .5*50 = 25 -->
<!-- r = sqrt(50*50 + 40*40) = 22.63846284534354156643452041746 -->
<!-- ========================================== -->
<radialGradient id="rgUserSpaceOnUse"
cx="0" cy="0" r="22.63846284534354156643452041746"
fx="0" fy="0" xlink:href="#rdDefaults" />
<radialGradient id="rgCxCyA" xlink:href="#rgDefaults"
cx="0%" cy="100%">
</radialGradient>
<radialGradient id="rgCxCyB" xlink:href="#rgDefaults"
cx="75%" cy="25%">
</radialGradient>
<radialGradient id="rgFxFyA" xlink:href="#rgCxCyA"
fx="0%" fy="100%">
</radialGradient>
<radialGradient id="rgFxFyB" xlink:href="#rgDefaults"
fx="60%" fy="40%">
</radialGradient>
<radialGradient id="rgFxFyC" xlink:href="#rgDefaults"
fx="0%" fy="50%">
</radialGradient>
<radialGradient id="rgFxFyD" xlink:href="#rgDefaults"
fx="0%" fy="0%">
</radialGradient>
<radialGradient id="rgSpreadA" xlink:href="#rgDefaults"
r=".125">
</radialGradient>
<radialGradient id="rgSpreadB" xlink:href="#rgDefaults"
r=".125" spreadMethod="reflect">
</radialGradient>
<radialGradient id="rgSpreadC" xlink:href="#rgDefaults"
r=".125" spreadMethod="repeat">
</radialGradient>
<radialGradient id="rgTxfA" xlink:href="#rgDefaults"
gradientTransform="translate(.5, .5)" />
<radialGradient id="rgTxfB" xlink:href="#rgDefaults"
cx="0%" cy="0%" gradientTransform="translate(.5, .5)" />
<radialGradient id="rgTxfC" xlink:href="#rgDefaults"
cx="0%" cy="0%" gradientTransform="translate(.5, .5) scale(.25, 1.5)" />
<radialGradient id="rgTxfD" xlink:href="#rgFxFyD"
gradientTransform="scale(.5, .5)" />
</defs>
<g class="legend">
<g transform="translate(70, 0)">
<g transform="translate(0, 100)">
<use xlink:href="#testShape" fill="url(#rgDefaults)" />
<text y="-30">Defaults</text>
</g>
<g transform="translate(0, 170)">
<use xlink:href="#testShape" fill="url(#rgSpecifiedDefaults)" />
<text y="-30">Forced Defaults</text>
</g>
<g transform="translate(0, 240)">
<use xlink:href="#testShape" fill="url(#rgSpecifiedDefaults)" />
<text y="-30">userSpaceOnUse</text>
</g>
<g transform="translate(0, 310)">
<use xlink:href="#testShape" fill="url(#rgCxCyA)" />
<text y="-30">(cx,cy) = (0%, 100%)</text>
</g>
<g transform="translate(0, 380)">
<use xlink:href="#testShape" fill="url(#rgCxCyB)" />
<text y="-30">(cx,cy) = (75%, 25%)</text>
</g>
</g>
<g transform="translate(200, 0)">
<g transform="translate(0, 100)">
<use xlink:href="#testShape" fill="url(#rgFxFyB)" />
<text y="-30">(fx,fy)=(60%,40%)</text>
</g>
<g transform="translate(0, 170)">
<use xlink:href="#testShape" fill="url(#rgFxFyC)" />
<text y="-30">(fx,fy)=(0%,50%)</text>
</g>
<g transform="translate(0, 240)">
<use xlink:href="#testShape" fill="url(#rgFxFyD)" />
<text y="-30">(fx,fy)=(0%,0%)</text>
</g>
<g transform="translate(0, 310)">
<use xlink:href="#testShape" fill="url(#rgSpreadA)" />
<text y="-30">r=.125, spread=default</text>
</g>
<g transform="translate(0, 380)">
<use xlink:href="#testShape" fill="url(#rgSpreadB)" />
<text y="-30">r=.125, spread=reflect</text>
</g>
<g transform="translate(0, 450)">
<use xlink:href="#testShape" fill="url(#rgSpreadC)" />
<text y="-30">r=.125, spread=repeat</text>
</g>
</g>
<g transform="translate(330, 0)">
<g transform="translate(0, 100)">
<use xlink:href="#testShape" fill="url(#rgTxfA)" />
<text y="-30">translate(.5,.5)</text>
</g>
<g transform="translate(0, 170)">
<use xlink:href="#testShape" fill="url(#rgTxfB)" />
<text y="-30">(cx,cy)=(0%,0%) translate(.5,.5)</text>
</g>
<g transform="translate(0, 240)">
<use xlink:href="#testShape" fill="url(#rgTxfC)" />
<text y="-30">scale(.25,.5)</text>
</g>
<g transform="translate(0, 310)">
<use xlink:href="#testShape" fill="url(#rgTxfD)" />
<text y="-30">(fx,fy)=(0,0) scale(.5, .5)</text>
</g>
<g transform="translate(0, 380)">
<use xlink:href="#testShape" fill="url(#rgFxFyA)" />
<text y="-30">(fx,fy)=(cx, cy)=(0%, 100%)</text>
</g>
</g>
</g>
</svg>
---------------------------------------------------------------------
To unsubscribe, e-mail: batik-dev-unsubscribe@xml.apache.org
For additional commands, e-mail: batik-dev-help@xml.apache.org