feTile-outside-01.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<svg xmlns="http://www.w3.org/2000/svg">

<title>Test case for feTile filter with x and y for feTile set to values outside the target area.</title>

<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox"

         x="0" y="0" width="1" height="1">

  <feFlood flood-color="#00ff00" x="0%" y="0%" width="20%" height="20%" result="flood1"/>

  <feFlood flood-color="#0000ff" x="20%" y="20%" width="20%" height="20%" result="flood2"/>

  <feComposite in="flood1" in2="flood2" x="0%" y="0%" width="40%" height="40%" result="pair"/>

  <feTile x="-10%" y="-10%" width="80%" height="80%" in="pair"/>

</filter>

<g filter="url(#f1)">

  <rect width="100" height="100" fill="#00ff00"/>

</g>

</svg>