effect-reference-feimage-003.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/filter-effects/effect-reference-feimage-003.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>CSS Filters: feImage and CSS reference filters.</title>

<link rel="help" href="https://drafts.fxtf.org/filter-effects-1/#feImageElement">

<link rel="help" href="https://drafts.fxtf.org/filter-effects-1/#FilterProperty">

<link rel="match" href="reference/effect-reference-feimage-003-ref.html">

<meta name="assert" content="This test ensures that CSS reference filters support a dynamically attached feImage."/>

<body>

<style>

  #filtered {

    width: 160px;

    height: 90px;

    filter: url(#imagereplace);

</style>

<script type="text/html" id="source">

  <div id="filtered"></div>

  <svg width="0" height="0">

    <filter id="imagereplace" x="0%" y="0" width="100%" height="100%">

       <feimage xlink:href="support/color-palette.png"/>

    </filter>

  </svg>

</script>

<script>

  document.body.offsetLeft;

  var div = document.createElement('div');

  div.innerHTML = document.getElementById('source').textContent;

  document.body.appendChild(div);

</script>

</body>