Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
SVG Preview (Scaled)
<!--
Any copyright is dedicated to the Public Domain.
-->
<svg id="svg-root"
<g id="testmeta">
<title>SVG Filter Chains: Default Filter Primitive Subregion</title>
<link rel="copyright"
<link rel="license"
<link rel="author"
title="Max Vujovic"
href="mailto:mvujovic@adobe.com"/>
<link rel="help"
<link rel="match"
href="default-subregion-ref.svg" />
<metadata class="flags">namespace svg</metadata>
<desc class="assert">
In an SVG filter chain, this test verifies that the default filter
primitive subregion is equal to the filter region. If the test passes,
you should see a blurred green square.
</desc>
</g>
<g id="test-body-content">
<filter id="f1" x="100" y="100" width="100" height="100" filterUnits="userSpaceOnUse">
<!-- Fill a 100x100 square with green. -->
<feFlood flood-color="green"/>
</filter>
<filter id="f2" x="50" y="50" width="200" height="200" filterUnits="userSpaceOnUse">
<!--
This feGaussianBlur primitive blurs the 100x100 green square from the
previous filter. It does not explicitly define a filter primitive
subregion, so its subregion should equal the filter region. The filter
region has plenty of space for the blur outsets, so the blur should not
appear clipped. If the blur incorrectly uses a primitive subregion or
filter region from a previous filter, the blur may appear clipped.
-->
<feGaussianBlur stdDeviation="10"/>
</filter>
<rect x="100" y="100" width="100" height="100" filter="url(#f1) url(#f2)" fill="red"/>
</g>
</svg>