50 lines
1.8 KiB
HTML
50 lines
1.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<script>
|
||
|
|
function addFilterEffects(filterId, count) {
|
||
|
|
// inserts a new tree of 'count' feGaussianBlur effects to
|
||
|
|
// the filter whose id = 'filterId'
|
||
|
|
var filter = document.getElementById(filterId);
|
||
|
|
for (var i = 0; i < count; i++) {
|
||
|
|
var feElement = document.createElementNS("http://www.w3.org/2000/svg", "feGaussianBlur");
|
||
|
|
// Make the first effect be the root of the tree
|
||
|
|
if (i == 0) {
|
||
|
|
feElement.setAttribute("in", "SourceGraphic");
|
||
|
|
}
|
||
|
|
feElement.setAttribute("stdDeviation", "1.0");
|
||
|
|
filter.appendChild(feElement);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (window.testRunner)
|
||
|
|
testRunner.dumpAsText();
|
||
|
|
window.addEventListener("load", function () {
|
||
|
|
// will be ignored: # of effects in the filter map > 200
|
||
|
|
addFilterEffects("Ignored200", 100000);
|
||
|
|
// will be ignored: # of effects connected to lastEffect > 100
|
||
|
|
addFilterEffects("Ignored100", 50);
|
||
|
|
addFilterEffects("Ignored100", 149);
|
||
|
|
// will be used: # of effects in the filter map == 200 but # of effects connected to lastEffect < 100
|
||
|
|
addFilterEffects("TripleBlur", 196);
|
||
|
|
addFilterEffects("TripleBlur", 3);
|
||
|
|
}, false);
|
||
|
|
</script>
|
||
|
|
<svg width="500" height="300" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<filter id="Ignored200">
|
||
|
|
</filter>
|
||
|
|
<filter id="Ignored100">
|
||
|
|
</filter>
|
||
|
|
<filter id="TripleBlur">
|
||
|
|
</filter>
|
||
|
|
<filter id="ShiftAndBlur">
|
||
|
|
<feOffset dx="10" dy="10" />
|
||
|
|
<feGaussianBlur stdDeviation="8.0" />
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
<rect fill="red" x="10px" y="10px" width="20px" height="20px" filter="url(#Ignored200)"/>
|
||
|
|
<rect fill="yellow" x="10px" y="10px" width="20px" height="20px" filter="url(#Ignored100)"/>
|
||
|
|
<rect fill="blue" x="10px" y="10px" width="20px" height="20px" filter="url(#TripleBlur)"/>
|
||
|
|
<circle fill="green" cx="100" cy="100" r="100"filter="url(#ShiftAndBlur)" />
|
||
|
|
<text transform="translate(210,210)">
|
||
|
|
PASS
|
||
|
|
</text>
|
||
|
|
</svg>
|