blob: 9998cbd84262e631c20ac8c7dc4813fb29c7329f [file] [log] [blame]
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360" version="1.1" baseProfile="basic">
<title id="test-title">feComponentTransfer Test - Table</title>
<desc id="test-desc">feComponentTransfer tests.</desc>
<g id="test-body-content">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="15" y="5" width="450" height="300" viewBox="0 0 650 420">
<defs>
<linearGradient id="MyGradient" gradientUnits="userSpaceOnUse" x1="10" y1="0" x2="590" y2="0">
<stop offset="0" stop-color="#00ff00"/>
<stop offset="1" stop-color="#000000"/>
</linearGradient>
<filter id="Identity" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
<feComponentTransfer>
<feFuncR type="identity"/>
</feComponentTransfer>
</filter>
<filter id="TableBlank" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
<feComponentTransfer>
<feFuncG type="table" tableValues="0"/>
</feComponentTransfer>
</filter>
<filter id="TableFull" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
<feComponentTransfer>
<feFuncG type="table" tableValues="1"/>
</feComponentTransfer>
</filter>
<filter id="TableOrd" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
<feComponentTransfer>
<feFuncG type="table" tableValues="0 0 1 1"/>
</feComponentTransfer>
</filter>
</defs>
<rect fill="none" stroke="blue" x="1" y="1" width="648" height="418"/>
<g font-size="15" font-family="Verdana">
<rect fill="none" stroke="blue" x="1" y="1" width="648" height="418"/>
<rect x="20" y="10" width="580" height="40" fill="url(#MyGradient)" filter="url(#Identity)"/>
<text x="20" y="70">type: identity</text>
<rect x="20" y="110" width="580" height="40" fill="url(#MyGradient)" filter="url(#TableBlank)"/>
<text x="20" y="170">type: table [0] -- Result should be black</text>
<rect x="20" y="210" width="580" height="40" fill="url(#MyGradient)" filter="url(#TableFull)"/>
<text x="20" y="270">type: table [1] -- Result should be green</text>
<rect x="20" y="310" width="580" height="40" fill="url(#MyGradient)" filter="url(#TableOrd)"/>
<text x="20" y="370">type: table [0 0 1 1] -- Result should be compressed gradient</text>
</g>
</svg>
</g>
</svg>