| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| function testDone() { |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| testRunner.notifyDone(); |
| } |
| } |
| |
| function changeValues() { |
| document.getElementById('color').setAttribute('type', 'matrix'); |
| requestAnimationFrame(testDone); |
| } |
| |
| function forcePaint() { |
| requestAnimationFrame(changeValues); |
| } |
| |
| onload = function() { |
| if (window.testRunner) { |
| testRunner.waitUntilDone(); |
| } |
| requestAnimationFrame(forcePaint); |
| } |
| </script> |
| </head> |
| <body> |
| <svg id="svg" xmlns="http://www.w3.org/2000/svg" width="100" height="100" filter="url(#MyFilter)" version="1.1"> |
| <defs> |
| <filter id="MyFilter"> |
| <fecolormatrix id="color" type="hueRotate"></fecolormatrix> |
| </filter> |
| </defs> |
| </svg> |
| PASS |
| </body> |
| </html> |