samples/errors/radialGradient-missing-offset.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.                                                         -->
<!-- ========================================================================= -->

<!-- ========================================================================= -->
<!-- Error on rect                                                             -->
<!--                                                                           -->
<!-- @author tkormann@apache.org                                               -->
<!-- @version $Id$  -->
<!-- ========================================================================= -->

<?xml-stylesheet type="text/css" href="test.css" ?>

<svg id="body" width="450" height="500" viewBox="0 0 450 500">
<title>Error: attribute "offset" is missing on &lt;stop></title>

    <!-- ============================================================= -->
    <!-- Batik sample mark                                             -->
    <!-- ============================================================= -->
    <use xlink:href="./batikMark.svg#BatikTag" />

    <!-- ============================================================= -->
    <!-- Test content                                                  -->
    <!-- ============================================================= -->
    <g id="testContent">

    <text x="225" y="40" class="title">
      Error: attribute "offset" is missing on &lt;stop>
    </text>

    <defs>
      <radialGradient id="good" cx="50%" cy="50%" r="50%" fx="20%" fy="20%">
        <stop offset="0%"   style="stop-color:yellow"/>
        <stop offset="100%" style="stop-color:green"/>
      </radialGradient>
      <radialGradient id="bad"  cx="50%" cy="50%" r="50%" fx="20%" fy="20%">
        <stop offset="0%"   style="stop-color:yellow"/>
        <stop               style="stop-color:green"/>
      </radialGradient>
    </defs>

    <text x="225" y="240" class="legend">A &lt;radialGradient></text>
    <text x="225" y="440" class="legend">A &lt;radialGradient> without an "offset" on its &lt;stop></text>

    <circle cx="220" cy="140" r="70" style="fill:url(#good)"/>
    <circle cx="220" cy="330" r="70" style="fill:url(#bad)"/>


    </g>    
</svg>