src/third_party/web_platform_tests/svg/import/filters-gauss-01-b-manual.svg

<svg version="1.1" baseProfile="basic" preserveAspectRatio="xMidYMid meet" zoomAndPan="magnify" id="svg-root"
  width="100%" height="100%" viewBox="0 0 480 360"
  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <!--======================================================================-->
  <!--=  SVG 1.1 2nd Edition Test Case                                     =-->
  <!--======================================================================-->
  <!--=  Copyright 2009 World Wide Web Consortium, (Massachusetts          =-->
  <!--=  Institute of Technology, European Research Consortium for         =-->
  <!--=  Informatics and Mathematics (ERCIM), Keio University).            =-->
  <!--=  All Rights Reserved.                                              =-->
  <!--=  See http://www.w3.org/Consortium/Legal/.                          =-->
  <!--======================================================================-->
  <d:SVGTestCase xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/"
    template-version="1.4" reviewer="SVGWG" author="Tim Thompson" status="accepted"
    version="$Revision: 1.7 $" testname="$RCSfile: filters-gauss-01-b.svg,v $">
    <d:testDescription xmlns="http://www.w3.org/1999/xhtml" href="http://www.w3.org/TR/SVG11/animate.html#feGaussianBlurElement">
      <p>
        In the upper left corner of the output are blue 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.
      </p>
      <p>
        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.
      </p>
      <p>
        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.
      </p>
    </d:testDescription>
    <d:operatorScript xmlns="http://www.w3.org/1999/xhtml">
      <p>
        Run the test. No interaction required.
      </p>
    </d:operatorScript>
    <d:passCriteria xmlns="http://www.w3.org/1999/xhtml">
      <p>
        The rendered picture should match the reference image, except for possible
        variations in the labelling text (per CSS2 rules).
      </p>
    </d:passCriteria>
  </d:SVGTestCase>
  <title id="test-title">$RCSfile: filters-gauss-01-b.svg,v $</title>
  <defs>
    <font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
      <font-face-src>
        <font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
      </font-face-src>
    </font-face>
  </defs>
  <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
    <defs>
      <g id="rects">
        <rect x="0" y="0" width="90" height="90" fill="blue"/>
        <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>
  <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
    <text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
  </g>
  <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  <!-- comment out this watermark once the test is approved -->
  <!--<g id="draft-watermark">
    <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
    <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
      text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
  </g>-->
</svg>