| OLD | NEW |
| 1 <script> | 1 <script> |
| 2 if (window.testRunner) { | 2 if (window.testRunner) { |
| 3 testRunner.waitUntilDone(); | 3 testRunner.waitUntilDone(); |
| 4 testRunner.setBackingScaleFactor(2, function() { testRunner.notifyDone()
; }); | 4 testRunner.setBackingScaleFactor(2, function() { testRunner.notifyDone()
; }); |
| 5 } | 5 } |
| 6 </script> | 6 </script> |
| 7 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> | 7 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> |
| 8 <defs> | 8 <defs> |
| 9 <filter id="colormatrix" color-interpolation-filters="sRGB"> | 9 <filter id="colormatrix" color-interpolation-filters="sRGB"> |
| 10 <feColorMatrix x="10" y="20" width="80" height="60"/> | 10 <feColorMatrix x="10" y="20" width="80" height="60"/> |
| 11 </filter> | 11 </filter> |
| 12 </defs> | 12 </defs> |
| 13 </svg> | 13 </svg> |
| 14 <style> | 14 <style> |
| 15 .filtered { | 15 .filtered { |
| 16 -webkit-filter: url(#colormatrix); | 16 -webkit-filter: url(#colormatrix); |
| 17 filter: url(#colormatrix); | 17 filter: url(#colormatrix); |
| 18 background-color: green; | 18 background-color: green; |
| 19 width: 100px; | 19 width: 100px; |
| 20 height: 100px; | 20 height: 100px; |
| 21 -webkit-transform: translateZ(0); | 21 transform: translateZ(0); |
| 22 } | 22 } |
| 23 body { | 23 body { |
| 24 margin: 0px; | 24 margin: 0px; |
| 25 } | 25 } |
| 26 </style> | 26 </style> |
| 27 <div class="filtered"> | 27 <div class="filtered"> |
| 28 </div> | 28 </div> |
| OLD | NEW |