| <!DOCTYPE html> |
| <html class="reftest-wait"> |
| <title>feDiffuseLighting: tainting state changes dynamically</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"> |
| <script src="/common/reftest-wait.js"></script> |
| <svg> |
| <filter id="diffuse" color-interpolation-filters="sRGB" |
| filterUnits="userSpaceOnUse"> |
| <feFlood/> |
| <feDiffuseLighting lighting-color="rgb(0%, 100%, 50%)" |
| style="color: rgb(0%, 100%, 50%)"> |
| <feDistantLight elevation="90"/> |
| </feDiffuseLighting> |
| <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(#diffuse)"/> |
| </svg> |
| <script> |
| requestAnimationFrame(() => { |
| requestAnimationFrame(() => { |
| document.querySelector('feDiffuseLighting').style.lightingColor = 'currentcolor'; |
| takeScreenshot(); |
| }); |
| }); |
| </script> |