<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
<!--======================================================================-->
<!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =-->
<!--= Institute of Technology, Institut National de Recherche en =-->
<!--= Informatique et en Automatique, Keio University). All Rights =-->
<!--= Reserved. See http://www.w3.org/Consortium/Legal/. =-->
<!--======================================================================-->
<!-- ===================================================================== -->
<!-- -->
<!-- filters-blur-BE-12.svg -->
<!-- renamed for 1.1 suite to filters-gauss-01-b.svg -->
<!-- -->
<!-- -->
<!-- Author : Tim Thompson 8/04/00 -->
<!-- revised for 1.1 : Luc Minnebo Feb/06/2002 -->
<!-- -->
<!-- History: -->
<!-- 08-aug-2000, Test blur filter -->
<!-- 16-aug-2000, change names -->
<!-- 29-aug-2000, changed to drop image and use two different filters -->
<!-- 30-aug-2000, LH=" fix legend" chg "Blur" to "blur". -->
<!-- 24-oct-2000, LH: fix DOCTYPE, ser#3. -->
<!-- 14-Nov-2000, LH: add missing test-body-content 'g'. -->
<!-- 14-Nov-2000, LH: move defs into test-body-content. -->
<!-- 13-Dec-2000, JF: add reference rectangles to show original rect -->
<!-- and filter region (which acts like a clip). -->
<!-- -->
<!-- ===================================================================== -->
<!--======================================================================-->
<!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
<!--= log messages, and therefore is no longer in the preceding preamble.=-->
<!--======================================================================-->
<svg version="1.1" baseProfile="basic" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMidYMid meet"
zoomAndPan="magnify">
<SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
<!--nav data here-->
<OperatorScript version="$Revision: 1.6 $" testname="filters-gauss-01-b.svg">
<Paragraph>
In the upper left corner of the output are red and yellow rectangles that overlap,
they appear normally, no gaussianBlur has been applied.
In the upper right the same rectangles are displayed with a blur filter applied,
the standard deviation is the same for both the x and y axis.
In the lower right corner the rectangles appear again,
this time the standard deviation is different along the x (20) and y (1) axis.
</Paragraph>
<Paragraph>
The rendered picture should match the reference image, except for possible
variations in the labelling text (per CSS2 rules).
</Paragraph>
<Paragraph>
On top of the rectangles in the upper right and lower right, thin (half-pixel-wide) blue
lines are drawn to show the outline of the object bounding box (the inside lines) and the
outline of the filter region (the outside lines). The blur effect should be clipped
to the bounds of the filter region.
</Paragraph>
<Paragraph>
The test uses the 'rect' element, as well as basic fill (solid primary colors),
stroke (black 1-pixel and blue half-pixel lines), font-family (Arial) and font-size properties.
</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">filters-gauss-01-b</title>
<desc id="test-desc">Blur an image</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content">
<defs>
<g id="rects">
<rect x="0" y="0" width="90" height="90" fill="red"/>
<rect x="45" y="45" width="90" height="90" fill="yellow"/>
</g>
<g id="rect_outlines">
<rect x="0" y="0" width="135" height="135" fill="none" stroke="blue" stroke-width=".5"/>
<rect x="-13.5" y="-13.5" width="162" height="162" fill="none" stroke="blue" stroke-width=".5"/>
</g>
<filter id="blur" filterUnits="objectBoundingBox" x="-10%" y="-10%" width="120%" height="120%">
<feGaussianBlur stdDeviation="10"/>
</filter>
<filter id="blurxy" filterUnits="objectBoundingBox" x="-10%" y="-10%" width="120%" height="120%">
<feGaussianBlur stdDeviation="20 1"/>
</filter>
</defs>
<use xlink:href="#rects"/>
<g transform="translate(310,15)">
<use xlink:href="#rects" filter="url(#blur)"/>
<use xlink:href="#rect_outlines"/>
</g>
<g transform="translate(310,200)">
<use xlink:href="#rects" filter="url(#blurxy)"/>
<use xlink:href="#rect_outlines"/>
</g>
</g>
<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.6 $</text>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</svg>
Codebase Browser
chromium