Blitz - WPT: tainting-fedropshadow-004.html

wpt / css / filter-effects / tainting-fedropshadow-004.html

/css/filter-effects/tainting-fedropshadow-004.html

<!DOCTYPE html>
<title>feDropShadow: 'currentcolor' flood-color taints the primitive</title>
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
<link rel="match" href="reference/green-100x100.html">
<svg>
  <filter id="dropshdw_currentcolor" color-interpolation-filters="sRGB"
          filterUnits="userSpaceOnUse">
    <feFlood x="0" y="0" width="100" height="100"/>
    <feDropShadow width="100%" flood-color="color-mix(in srgb, currentcolor 99.9%, black)"
                  stdDeviation="0" dx="100" dy="0" style="color: rgb(0%, 100%, 50%)"/>
    <feOffset dx="-100"/>
    <feDisplacementMap in="SourceGraphic"
                       xChannelSelector="G" yChannelSelector="B"
                       scale="100" x="0" y="0" width="100" height="100"/>
  </filter>
  <rect width="100" height="100" fill="red"/>
  <rect width="100" height="100" fill="green"
        filter="url(#dropshdw_currentcolor)"/>
</svg>

/css/filter-effects/reference/green-100x100.html

<!DOCTYPE html>
<div style="width: 100px; height: 100px; background-color: green"></div>