samples/errors/feDisplacementMap-in2-missing.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 "in2" on &lt;feDisplacementMap> is missing</title>

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

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

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

    <defs>
            <pattern id="pattern" patternUnits="userSpaceOnUse" x="0" y="0"
                     width="20" height="20">
                <rect x="0" y="0" width="10" height="10" fill="red" />
                <rect x="10" y="10" width="10" height="10" fill="green" />
            </pattern>
            <rect id="displaced" x="0" y="0" width="100" height="100" fill="url(#pattern)" />
            <linearGradient id="redOnly" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
                <stop offset="0" stop-color="rgb(255, 128, 128)" />
                <stop offset=".25" stop-color="rgb(0, 128, 128)" />
                <stop offset=".5" stop-color="rgb(255, 128, 128)" />
                <stop offset="1" stop-color="rgb(0, 128, 128)" />
            </linearGradient>
            <rect id="redOnlyMap" x="0" y="0" width="100" height="100" fill="url(#redOnly)" />

            <filter id="good" x="0" y="0" width="1" height="1">
                <feImage xlink:href="#redOnlyMap" result="map" />
                <feImage xlink:href="#displaced" result="displaced" />
                <feDisplacementMap in="displaced" in2="map" 
                                   scale="30" xChannelSelector="G" yChannelSelector="R" /> 
            </filter>
            <filter id="bad" x="0" y="0" width="1" height="1">
                <feImage xlink:href="#redOnlyMap" result="map" />
                <feImage xlink:href="#displaced" result="displaced" />
                <feDisplacementMap in="displaced"
                                   scale="30" xChannelSelector="G" yChannelSelector="R" /> 
            </filter>



    </defs>

    <text x="225" y="240" class="legend">A filtered rectangle using &lt;feDisplacementMap></text>
    <text x="225" y="440" class="legend">
      A filtered rectangle using &lt;feDisplacementMap>.
    </text>
    <text x="225" y="454" class="legend">
      The attribute "in2" of  &lt;feDisplacementMap> is missing
    </text>

    <rect transform="translate(165 100)" x="0" y="0" width="100" height="100" style="filter:url(#good)"/>
    <rect transform="translate(165 300)" x="0" y="0" width="100" height="100" style="filter:url(#bad)"/>


    </g>
</svg>