data-uri-with-filter-01-ref.svg

Enable keyboard shortcuts

Checkerboard

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

  <defs>

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

            primitiveUnits="objectBoundingBox"

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

      <feFlood x="10%" y="10%" width="80%" height="80%"

               flood-color="#00ff00" flood-opacity="0.5"/>

    </filter>

  </defs>

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

    <rect x="0" y="0" width="100" height="100" fill="#00ff00" opacity="0"/>

  </g>

</svg>