file_filter_crossorigin.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" version="1.1"

     xmlns:xlink="http://www.w3.org/1999/xlink">

  <!-- We include these <use> elements simply to be sure the SVG resource URLs

       get a chance to block 'onload', if they can be loaded. -->

  <use xlink:href="http://mochi.test:8888/tests/layout/svg/tests/filters.svg#empty" />

  <use xlink:href="http://example.org/tests/layout/svg/tests/filters.svg#empty" />

  <!-- giant yellow rect in the background, just so you can visually tell

       that this SVG file has loaded/rendered. -->

  <rect height="100%" width="100%" fill="yellow" />

  <!-- For both rects below: if it's black, its filter resolved successfully.

       If it's yellow, it means we failed to load the resource

       (e.g. because it was blocked as a cross-origin resource). -->

  <rect height="50px" width="100px" fill="yellow"

        filter="url(http://mochi.test:8888/tests/layout/svg/tests/filters.svg#NonWhiteToBlack)"/>

  <rect y="50px"

        height="50px" width="100px" fill="yellow"

        filter="url(http://example.org/tests/layout/svg/tests/filters.svg#NonWhiteToBlack)"/>

</svg>