<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<!--
Copyright 2001 The Apache Software Foundation
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<!-- ========================================================================= -->
<!-- This tests validates the filter region processing for the top level -->
<!-- filter nodes and filter primitives. For each test, a filter is invoked -->
<!-- to render in a region specified by the filter region. In addition, a -->
<!-- control rectangle, bounding the expected filter region is rendered on top -->
<!-- of the filter. -->
<!-- -->
<!-- @author [email protected] -->
<!-- @version $Id: filterRegions.svg,v 1.5 2004/08/18 07:11:50 vhardy Exp $ -->
<!-- ========================================================================= -->
<?xml-stylesheet type="text/css" href="../resources/test.css" ?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="body" width="450" height="500" viewBox="0 0 450 500">
<title>FilterRegions test</title>
<text x="225" y="40" class="title">
Filter Regions
</text>
<style type="text/css">
<![CDATA[
.filterRegionControl {
fill: none;
stroke: black;
stroke-opacity: .5;
stroke-width: 1;
}
.filterRegionControlLabel {
fill: black;
font-family: Verdana;
font-size: 10px;
text-anchor: middle;
}
]]>
</style>
<defs>
<!-- ======================================================== -->
<!-- ======================================================== -->
<!-- userSpaceOnUser for filter chain and for filterPrimitive -->
<!-- ======================================================== -->
<!-- ======================================================== -->
<!-- ======================================================== -->
<!-- filterRegion_0 -->
<!-- chain region: [objectBoundingBox], undefined -->
<!-- flood region: [userSpaceOnUse], undefined -->
<!-- -->
<!-- Expected fill region: (0, 0, 450, 450) in user space -->
<!-- ======================================================== -->
<filter id="filterRegion_0" >
<feFlood style="flood-color:red;" />
</filter>
<!-- ======================================================== -->
<!-- filterRegion_1 -->
<!-- chain region: userSpaceOnUse, (20, 30, 50, 40) -->
<!-- flood region: userSpaceOnUse, undefined -->
<!-- -->
<!-- Expected fill region: (20, 30, 50, 40) in user space -->
<!-- ======================================================== -->
<filter id="filterRegion_1" filterUnits="userSpaceOnUse"
primitiveUnits="userSpaceOnUse"
x="20" y="30" width="50" height="40">
<feFlood style="flood-color:red" />
</filter>
<!-- ======================================================== -->
<!-- filterRegion_2 -->
<!-- chain region: userSpaceOnUse, (20, 30, 50, 40) -->
<!-- flood region: userSpaceOnUse, (25, 35, 50, 40) -->
<!-- -->
<!-- Expected fill region: (25, 35, 45, 35) in user space -->
<!-- ======================================================== -->
<filter id="filterRegion_2" filterUnits="userSpaceOnUse"
primitiveUnits="userSpaceOnUse"
x="20" y="30" width="50" height="40">
<feFlood style="flood-color:red" x="25" y="35" width="50" height="40"/>
</filter>
<!-- ======================================================== -->
<!-- filterRegion_3 -->
<!-- chain region: userSpaceOnUse, (20, 30, 50, 40) -->
<!-- flood region: userSpaceOnUse, (XX, XX, XX, 20) -->
<!-- -->
<!-- Expected fill region: (20, 30, 50, 20) in user space -->
<!-- ======================================================== -->
<filter id="filterRegion_3" filterUnits="userSpaceOnUse"
primitiveUnits="userSpaceOnUse"
x="20" y="30" width="50" height="40">
<feFlood style="flood-color:red" height="20"/>
</filter>
<!-- ======================================================== -->
<!-- filterRegion_4 -->
<!-- chain region: userSpaceOnUse, (20, 30, 50, 40) -->
<!-- flood region: userSpaceOnUse, (XX, XX, 25, XX) -->
<!-- -->
<!-- Expected fill region: (20, 30, 25, 40) in user space -->
<!-- ======================================================== -->
<filter id="filterRegion_4" filterUnits="userSpaceOnUse"
primitiveUnits="userSpaceOnUse"
x="20" y="30" width="50" height="40">
<feFlood style="flood-color:red" width="25"/>
</filter>
<!-- ======================================================== -->
<!-- filterRegion_5 -->
<!-- chain region: userSpaceOnUse, (20, 30, 50, 40) -->
<!-- flood region: userSpaceOnUse, (XX, 10, XX, XX) -->
<!-- -->
<!-- Expected fill region: (20, 30, 50, 20) in user space -->
<!-- ======================================================== -->
<filter id="filterRegion_5" filterUnits="userSpaceOnUse"
primitiveUnits="userSpaceOnUse"
x="20" y="30" width="50" height="40">
<feFlood style="flood-color:red" y="10"/>
</filter>
<!-- ======================================================== -->
<!-- filterRegion_6 -->
<!-- chain region: userSpaceOnUse, (20, 30, 50, 40) -->
<!-- flood region: userSpaceOnUse, (10, XX, XX, XX) -->
<!-- -->
<!-- Expected fill region: (20, 30, 40, 40) in user space -->
<!-- ======================================================== -->
<filter id="filterRegion_6" filterUnits="userSpaceOnUse"
primitiveUnits="userSpaceOnUse"
x="20" y="30" width="50" height="40">
<feFlood style="flood-color:red" x="10"/>
</filter>
<!-- ======================================================== -->
<!-- ======================================================== -->
<!-- userSpaceOnUse for filter chain and object bounding box -->
<!-- for filter primitive -->
<!-- ======================================================== -->
<!-- ======================================================== -->
<!-- ======================================================== -->
<!-- filterRegion_2_0 -->
<!-- chain region: [objectBoundingBox], undefined -->
<!-- flood region: undefined -->
<!-- -->
<!-- Expected fill region: (-10%, -10%, 120%, 120%) in user -->
<!-- space -->
<!-- ======================================================== -->
<filter id="filterRegion_2_0" primitiveUnits="objectBoundingBox">
<feFlood style="flood-color:red;" />
</filter>
<!-- ======================================================== -->
<!-- filterRegion_2_1 -->
<!-- chain region: userSpaceOnUse, undefined -->
<!-- flood region: objectBoundingBox, (0, 0, 1, 1) -->
<!-- -->
<!-- Expected fill region: (0, 0, 1, 1) in object bbox space -->
<!-- ======================================================== -->
<filter id="filterRegion_2_1" filterUnits="userSpaceOnUse"
primitiveUnits="objectBoundingBox">
<feFlood style="flood-color:red;" x="0" y="0" width="1" height="1"/>
</filter>
<!-- ======================================================== -->
<!-- filterRegion_2_2 -->
<!-- chain region: userSpaceOnUse, undefined -->
<!-- flood region: objectBoundingBox, (0%, 0%, 100%, 100%) -->
<!-- -->
<!-- Expected fill region: (0, 0, 1, 1) in object bbox space -->
<!-- ======================================================== -->
<filter id="filterRegion_2_2" filterUnits="userSpaceOnUse"
primitiveUnits="objectBoundingBox">
<feFlood style="flood-color:red" x="0%" y="0%" width="100%" height="100%"/>
</filter>
<!-- ======================================================== -->
<!-- filterRegion_2_3 -->
<!-- chain region: userSpaceOnUse, undefined -->
<!-- flood region: objectBoundingBox, (.25, 50%, .5, 25%) -->
<!-- -->
<!-- Expected fill region: (.25, .5, .5, .25) in object bbox -->
<!-- space -->
<!-- ======================================================== -->
<filter id="filterRegion_2_3" filterUnits="userSpaceOnUse"
primitiveUnits="objectBoundingBox">
<feFlood style="flood-color:red" x=".25" y="50%" width=".5" height="25%"/>
</filter>
<!-- ======================================================== -->
<!-- filterRegion_2_4 -->
<!-- chain region: userSpaceOnUse, undefined -->
<!-- flood region: objectBoundingBox, (25%, .5, 50%, .25) -->
<!-- -->
<!-- Expected fill region: (.25, .5, .5, .25) in object bbox -->
<!-- space -->
<!-- ======================================================== -->
<filter id="filterRegion_2_4" filterUnits="userSpaceOnUse"
primitiveUnits="objectBoundingBox">
<feFlood style="flood-color:red" x="25%" y=".5" width="50%" height=".25"/>
</filter>
<!-- ======================================================== -->
<!-- filterRegion_2_5 -->
<!-- chain region: userSpaceOnUse, (20, 30, 50, 40) -->
<!-- flood region: objectBoundingBox, (XX, .5, XX, .25) -->
<!-- -->
<!-- Expected fill region: (XX, .5, XX, .25) in object bbox -->
<!-- (20, XX, 50, XX) in user space -->
<!-- ======================================================== -->
<filter id="filterRegion_2_5" filterUnits="userSpaceOnUse"
primitiveUnits="objectBoundingBox"
x="20" y="30" width="50" height="40">
<feFlood style="flood-color:red" y=".5" height=".25"/>
</filter>
<!-- ======================================================== -->
<!-- ======================================================== -->
<!-- userSpaceOnUse for primitive, objectBoundingBox for -->
<!-- filter chain. -->
<!-- ======================================================== -->
<!-- ======================================================== -->
<!-- ======================================================== -->
<!-- filterRegion_3_0 -->
<!-- chain region: objectBoundingBox, region undefined -->
<!-- flood region: unspecified, region undefined -->
<!-- -->
<!-- Expected fill region: (0, 0, 1, 1) in object bbox space -->
<!-- ======================================================== -->
<filter id="filterRegion_3_0" filterUnits="objectBoundingBox" >
<feFlood style="flood-color:red;" />
</filter>
<!-- ======================================================== -->
<!-- filterRegion_3_1 -->
<!-- chain region: objectBoundingBox, region undefined -->
<!-- flood region: userSpaceOnUse (20, 30, 20, 25) -->
<!-- -->
<!-- Expected fill region: intersection of (0, 0, 1, 1) in -->
<!-- bbox space and (20, 30, 20, 25) in -->
<!-- user space. -->
<!-- ======================================================== -->
<filter id="filterRegion_3_1" filterUnits="objectBoundingBox"
primitiveUnits="userSpaceOnUse">
<feFlood style="flood-color:red" x="20" y="30" width="20" height="25"/>
</filter>
<!-- ======================================================== -->
<!-- filterRegion_3_2 -->
<!-- chain region: objectBoundingBox (-1, -1, 2, 2) -->
<!-- flood region: userSpaceOnUse undefined -->
<!-- -->
<!-- Expected fill region:(-1, -1, 2, 2) in -->
<!-- bbox space -->
<!-- ======================================================== -->
<filter id="filterRegion_3_2" filterUnits="objectBoundingBox"
primitiveUnits="userSpaceOnUse"
x="-1" y="-1" width="2" height="2">
<feFlood style="flood-color:red" />
</filter>
<!-- ======================================================== -->
<!-- filterRegion_3_3 -->
<!-- chain region: objectBoundingBox (-50%, -50%, 75%, 75% -->
<!-- flood region: userSpaceOnUse undefined -->
<!-- -->
<!-- Expected fill region:(-.5, -.5, .75, .75) in -->
<!-- bbox space -->
<!-- ======================================================== -->
<filter id="filterRegion_3_3" filterUnits="objectBoundingBox"
primitiveUnits="userSpaceOnUse"
x="-50%" y="-50%" width="75%" height="75%">
<feFlood style="flood-color:red" />
</filter>
</defs>
<g transform="translate(30, 50)">
<!-- ============================ -->
<!-- filterRegion_0 -->
<!-- ============================ -->
<g transform="translate(240, 95)">
<rect x="0" y="0" width="100" height="50" style="filter:url(#filterRegion_0);" />
<rect class="filterRegionControl" x="-10" y="-5" width="120" height="60" />
<text x="45" y="-10" class="filterRegionControlLabel">filterRegion_0</text>
</g>
<!-- ============================ -->
<!-- filterRegion_1 -->
<!-- ============================ -->
<rect x="0" y="3000" width="20000000" height="25" style="filter:url(#filterRegion_1);" />
<rect class="filterRegionControl" x="20" y="30" width="50" height="40" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_1</text>
<!-- ============================ -->
<!-- filterRegion_2 -->
<!-- ============================ -->
<g transform="translate(100, 0)">
<rect x="0" y="3000" width="20000000" height="25" style="filter:url(#filterRegion_2);" />
<rect class="filterRegionControl" x="25" y="35" width="45" height="35" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_2</text>
</g>
<!-- ============================ -->
<!-- filterRegion_3 -->
<!-- ============================ -->
<g transform="translate(200, 0)">
<rect x="0" y="3000" width="20000000" height="25" style="filter:url(#filterRegion_3);" />
<rect class="filterRegionControl" x="20" y="30" width="50" height="20" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_3</text>
</g>
<!-- ============================ -->
<!-- filterRegion_4 -->
<!-- ============================ -->
<g transform="translate(300, 0)">
<rect x="0" y="3000" width="20000000" height="25" style="filter:url(#filterRegion_4);" />
<rect class="filterRegionControl" x="20" y="30" width="25" height="40" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_4</text>
</g>
<!-- ============================ -->
<!-- filterRegion_5 -->
<!-- ============================ -->
<g transform="translate(0, 75)">
<rect x="0" y="3000" width="20000000" height="25" style="filter:url(#filterRegion_5);" />
<rect class="filterRegionControl" x="20" y="30" width="50" height="20" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_5</text>
</g>
<!-- ============================ -->
<!-- filterRegion_6 -->
<!-- ============================ -->
<g transform="translate(100, 75)" style="filter:url(#filterRegion_6);">
<rect x="0" y="3000" width="20000000" height="25"/>
</g>
<g transform="translate(100, 75)" >
<rect class="filterRegionControl" x="20" y="30" width="40" height="40" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_6</text>
</g>
<!-- ============================ -->
<!-- filterRegion_2_0 -->
<!-- ============================ -->
<g transform="translate(120, 280)">
<rect x="0" y="0" width="50" height="25" style="filter:url(#filterRegion_2_0);" />
<rect class="filterRegionControl" x="-5" y="-2.5" width="60" height="30" />
<text x="25" y="-20" class="filterRegionControlLabel">filterRegion_2_0</text>
</g>
<!-- ============================ -->
<!-- filterRegion_2_1 -->
<!-- ============================ -->
<g transform="translate(0, 160)" style="filter:url(#filterRegion_2_1);">
<rect x="20" y="30" width="50" height="40" />
</g>
<g transform="translate(0, 160)">
<rect class="filterRegionControl" x="20" y="30" width="50" height="40" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_2_1</text>
</g>
<!-- ============================ -->
<!-- filterRegion_2_2 -->
<!-- ============================ -->
<g transform="translate(100, 160)" >
<rect x="20" y="30" width="50" height="40" style="filter:url(#filterRegion_2_2);"/>
</g>
<g transform="translate(100, 160)">
<rect class="filterRegionControl" x="20" y="30" width="50" height="40" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_2_2</text>
</g>
<!-- ============================ -->
<!-- filterRegion_2_3 -->
<!-- ============================ -->
<g transform="translate(200, 160)" style="filter:url(#filterRegion_2_3);">
<rect x="20" y="30" width="50" height="40" />
</g>
<g transform="translate(200, 160)">
<rect class="filterRegionControl" x="32.5" y="50" width="25" height="10" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_2_3</text>
</g>
<!-- ============================ -->
<!-- filterRegion_2_4 -->
<!-- ============================ -->
<g transform="translate(300, 160)" style="filter:url(#filterRegion_2_4);">
<rect x="20" y="30" width="50" height="40" />
</g>
<g transform="translate(300, 160)">
<rect class="filterRegionControl" x="32.5" y="50" width="25" height="10" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_2_4</text>
</g>
<!-- ============================ -->
<!-- filterRegion_2_5 -->
<!-- ============================ -->
<g transform="translate(0, 245)" style="filter:url(#filterRegion_2_5);">
<rect x="20" y="30" width="50" height="40" />
</g>
<g transform="translate(0, 245)">
<rect class="filterRegionControl" x="20" y="50" width="50" height="10" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_2_5</text>
</g>
<!-- ============================ -->
<!-- filterRegion_3_1 -->
<!-- ============================ -->
<g transform="translate(0, 330)" style="filter:url(#filterRegion_3_1);">
<rect x="0" y="0" width="450" height="450" />
</g>
<g transform="translate(0, 330)">
<rect class="filterRegionControl" x="20" y="30" width="20" height="25" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_3_1</text>
</g>
<!-- ============================ -->
<!-- filterRegion_3_0 -->
<!-- ============================ -->
<g transform="translate(320, 330)" style="filter:url(#filterRegion_3_0);">
<rect x="0" y="0" width="40" height="50" />
</g>
<g transform="translate(320, 330)">
<rect class="filterRegionControl" x="-4" y="-5" width="48" height="60" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_3_0</text>
</g>
<!-- ============================ -->
<!-- filterRegion_3_2 -->
<!-- ============================ -->
<g transform="translate(100, 330)" style="filter:url(#filterRegion_3_2);">
<rect x="50" y="40" width="50" height="40" />
</g>
<g transform="translate(100, 330)">
<rect class="filterRegionControl" x="0" y="0" width="100" height="80" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_3_2</text>
</g>
<!-- ============================ -->
<!-- filterRegion_3_3 -->
<!-- ============================ -->
<g transform="translate(200, 330)" style="filter:url(#filterRegion_3_3);">
<rect x="50" y="40" width="50" height="40" />
</g>
<g transform="translate(200, 330)">
<rect class="filterRegionControl" x="25" y="20" width="37.5" height="30" />
<text x="45" y="25" class="filterRegionControlLabel">filterRegion_3_3</text>
</g>
</g>
<!-- ============================================================= -->
<!-- Batik sample mark -->
<!-- ============================================================= -->
<use xlink:href="../resources/batikLogo.svg#Batik_Tag_Box" />
</svg>
Codebase Browser
chromium