338 lines
12 KiB
XML
338 lines
12 KiB
XML
<?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. -->
|
|
<!-- ========================================================================= -->
|
|
|
|
<!-- ========================================================================= -->
|
|
<!-- Test description here -->
|
|
<!-- -->
|
|
<!-- @author deweese@kodak.com -->
|
|
<!-- @version $Id $ -->
|
|
<!-- ========================================================================= -->
|
|
|
|
<?xml-stylesheet type="text/css" href="test.css" ?>
|
|
|
|
<svg id="body" width="450" height="500" viewBox="0 0 450 500">
|
|
<title>feMerge Test</title>
|
|
|
|
<!-- ============================================================= -->
|
|
<!-- Test content -->
|
|
<!-- ============================================================= -->
|
|
<g id="testContent">
|
|
|
|
<text x="225" y="40" class="title">
|
|
feConvolveMatrix Text
|
|
</text>
|
|
|
|
<defs>
|
|
|
|
|
|
<filter id="conv-rep-tr" x="0" y="0" width="1" height="1">
|
|
<feConvolveMatrix order="11 11"
|
|
kernelMatrix="0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
1 0 0 0 0 0 0 0 0 0 0"
|
|
edgeMode="duplicate" />
|
|
</filter>
|
|
|
|
<filter id="conv-centX" x="0" y="0" width="1" height="1">
|
|
<feConvolveMatrix order="11 11"
|
|
kernelMatrix="0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
10 0 0 0 0 0 0 0 0 0 0"
|
|
targetX="10"
|
|
edgeMode="duplicate" />
|
|
</filter>
|
|
|
|
<filter id="conv-centY" x="0" y="0" width="1" height="1">
|
|
<feConvolveMatrix order="11 11"
|
|
kernelMatrix="0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
10 0 0 0 0 0 0 0 0 0 0"
|
|
targetY="0"
|
|
edgeMode="duplicate" />
|
|
</filter>
|
|
|
|
<filter id="conv-rep-bl" x="0" y="0" width="1" height="1">
|
|
<feConvolveMatrix order="11 11"
|
|
kernelMatrix="0 0 0 0 0 0 0 0 0 0 1
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0"
|
|
edgeMode="duplicate" />
|
|
</filter>
|
|
|
|
<filter id="conv-rep-br" x="0" y="0" width="1" height="1">
|
|
<feConvolveMatrix order="11 11"
|
|
kernelMatrix="1 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0"
|
|
edgeMode="duplicate" />
|
|
</filter>
|
|
|
|
<filter id="conv-rep-tl" x="0" y="0" width="1" height="1">
|
|
<feConvolveMatrix order="11 11"
|
|
kernelMatrix="0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 1"
|
|
edgeMode="duplicate" />
|
|
</filter>
|
|
|
|
<filter id="conv-none-tr" x="0" y="0" width="1" height="1">
|
|
<feConvolveMatrix order="11 11"
|
|
kernelMatrix="0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
1 0 0 0 0 0 0 0 0 0 0"
|
|
edgeMode="none" />
|
|
</filter>
|
|
|
|
<filter id="conv-none-bl" x="0" y="0" width="1" height="1">
|
|
<feConvolveMatrix order="11 11"
|
|
kernelMatrix="0 0 0 0 0 0 0 0 0 0 1
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0"
|
|
kernelUnitLength="4"
|
|
edgeMode="none" />
|
|
</filter>
|
|
|
|
<filter id="conv-alpha" x="0" y="0" width="1" height="1">
|
|
<feConvolveMatrix order="11 11"
|
|
kernelMatrix="0 0 0 0 0 0 0 0 0 0 1
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0
|
|
0 0 0 0 0 0 0 0 0 0 0"
|
|
edgeMode="none"
|
|
preserveAlpha="true"/>
|
|
</filter>
|
|
|
|
<linearGradient id="grad" y2="100%">
|
|
<stop offset="0%" style="stop-color:#FF0" />
|
|
<stop offset="100%" style="stop-color:#F00" />
|
|
</linearGradient>
|
|
|
|
<g id="simple_content">
|
|
<circle id="Circle1" cx="40" cy="65" r="25"
|
|
style="fill:yellowGreen" />
|
|
|
|
<circle id="Circle2" cx="80" cy="55" r="25" style="fill:darkBlue" />
|
|
|
|
<rect id="Rect1" x="40" y="35" width="30" height="70"
|
|
rx="15" ry="15"
|
|
style="fill:dodgerBlue" />
|
|
|
|
<rect id="Rect2" x="60" y="15" width="30" height="70"
|
|
rx="10" ry="10"
|
|
style="fill:Green" />
|
|
</g>
|
|
|
|
<g id="content">
|
|
<rect x="15" y="15" width="90" height="90"
|
|
style="fill:url(#grad)" />
|
|
<use xlink:href="#simple_content" />
|
|
</g>
|
|
|
|
</defs>
|
|
|
|
<g transform="translate(0 40)" class="legend">
|
|
|
|
<!-- ============================================== -->
|
|
<!-- Convolve_Matrix_1_* -->
|
|
<!-- ============================================== -->
|
|
<g transform="translate(0 20)" class="row1" >
|
|
<g transform="translate(20,0)" >
|
|
<g style="filter:url(#conv-rep-tr)">
|
|
<use xlink:href="#content" />
|
|
</g>
|
|
|
|
<text transform="translate(60, 130)"
|
|
x="0" y="0" style="text-anchor:middle">
|
|
1.1 Replicate Top & Right
|
|
</text>
|
|
</g>
|
|
|
|
<g transform="translate(160,0)" >
|
|
<g style="filter:url(#conv-centX)">
|
|
<use xlink:href="#content" />
|
|
</g>
|
|
|
|
<text transform="translate(60, 118)"
|
|
x="0" y="0" style="text-anchor:middle">
|
|
1.2 Replicate Top, targetX
|
|
</text>
|
|
</g>
|
|
|
|
<g transform="translate(300,0)" >
|
|
<g style="filter:url(#conv-centY)">
|
|
<use xlink:href="#content" />
|
|
</g>
|
|
|
|
<text transform="translate(60, 130)"
|
|
x="0" y="0" style="text-anchor:middle">
|
|
1.3 Replicate Right, targetY, norm
|
|
</text>
|
|
</g>
|
|
</g> <!-- end row1 -->
|
|
|
|
<!-- ============================================== -->
|
|
<!-- Convolve_Matrix_2_* -->
|
|
<!-- ============================================== -->
|
|
<g transform="translate(0 160)" class="row2" >
|
|
<g transform="translate(20,0)" >
|
|
<g style="filter:url(#conv-rep-bl)">
|
|
<use xlink:href="#content" />
|
|
</g>
|
|
|
|
<text transform="translate(60, 130)"
|
|
x="0" y="0" style="text-anchor:middle">
|
|
3.1 Rep Bottom & Left
|
|
</text>
|
|
</g>
|
|
|
|
<g transform="translate(160,0)" >
|
|
<g style="filter:url(#conv-rep-br)">
|
|
<use xlink:href="#content" />
|
|
</g>
|
|
|
|
<text transform="translate(60, 130)"
|
|
x="0" y="0" style="text-anchor:middle">
|
|
3.2 Rep Bottom & Right
|
|
</text>
|
|
</g>
|
|
|
|
<g transform="translate(300,0)" >
|
|
<g style="filter:url(#conv-rep-tl)">
|
|
<use xlink:href="#content" />
|
|
</g>
|
|
|
|
<text transform="translate(60, 130)"
|
|
x="0" y="0" style="text-anchor:middle">
|
|
3.3 Rep Top & Left
|
|
</text>
|
|
</g>
|
|
</g> <!-- end row2 -->
|
|
|
|
<!-- ============================================== -->
|
|
<!-- Convolve_Matrix_3_* -->
|
|
<!-- ============================================== -->
|
|
<g transform="translate(0 300)" class="row3" >
|
|
<g transform="translate(20,0)" >
|
|
<g style="filter:url(#conv-alpha)">
|
|
<use xlink:href="#simple_content" />
|
|
</g>
|
|
|
|
<text transform="translate(60, 130)"
|
|
x="0" y="0" style="text-anchor:middle">
|
|
3.2 None PreserveAlpha B&L
|
|
</text>
|
|
</g>
|
|
<g transform="translate(160,0)" >
|
|
<g style="filter:url(#conv-none-tr)">
|
|
<use xlink:href="#content" />
|
|
</g>
|
|
|
|
<text transform="translate(60, 130)"
|
|
x="0" y="0" style="text-anchor:middle">
|
|
3.2 None Top & Right
|
|
</text>
|
|
</g>
|
|
|
|
<g transform="translate(300,0)" >
|
|
<g style="filter:url(#conv-none-bl)">
|
|
<use xlink:href="#content" />
|
|
</g>
|
|
|
|
<text transform="translate(60, 130)"
|
|
x="0" y="0" style="text-anchor:middle">
|
|
3.3 None Bottom & Left
|
|
</text>
|
|
</g>
|
|
|
|
</g> <!-- end row3-->
|
|
|
|
</g> <!-- end legend -->
|
|
|
|
</g> <!-- end test content -->
|
|
|
|
<!-- ============================================================= -->
|
|
<!-- Batik sample mark -->
|
|
<!-- ============================================================= -->
|
|
<use xlink:href="../batikLogo.svg#Batik_Tag_Box" />
|
|
|
|
</svg> |