| OLD | NEW |
| 1 <body style="margin: 0px;"> | 1 <body style="margin: 0px;"> |
| 2 <div style="zoom: 2; margin: 30px;"> | 2 <div style="zoom: 2; margin: 30px;"> |
| 3 <div style="background: blue; filter: url(#offset-flood); -webkit-filter: url(
#offset-flood); width:200px; height:100px;" src="resources/reference.png"> | 3 <div style="background: blue; filter: url(#offset-flood); -webkit-filter: url(
#offset-flood); width:200px; height:100px;" src="resources/reference.png"> |
| 4 <div style="position: absolute; left:200px; top:30px; width:30px; height:40p
x; background:red;"/> | 4 <div style="position: absolute; left:200px; top:30px; width:30px; height:40p
x; background:red;"/> |
| 5 </div> | 5 </div> |
| 6 </div> | 6 </div> |
| 7 | 7 |
| 8 <svg xmlns="http://www.w3.org/3000/svg" width="0" height="0" xmlns:xlink="http:/
/www.w3.org/1999/xlink"> | 8 <svg xmlns="http://www.w3.org/3000/svg" width="0" height="0" xmlns:xlink="http:/
/www.w3.org/1999/xlink"> |
| 9 <desc>This tests that offsets are applied correctly when zoomed.</desc> | 9 <desc>This tests that offsets are applied correctly when zoomed.</desc> |
| 10 <filter id="offset-flood"> | 10 <filter id="offset-flood" x="0%" y="0%" width="100%" height="100%"> |
| 11 <feflood flood-color="green" x="150" width="50" y="0" height="50"/> | 11 <feflood flood-color="green" x="150" width="50" y="0" height="50"/> |
| 12 <feoffset dx="20" dy="-10" /> | 12 <feoffset dx="20" dy="-10" /> |
| 13 <fecomposite in2="SourceGraphic" operator="over"/> | 13 <fecomposite in2="SourceGraphic" operator="over"/> |
| 14 </filter> | 14 </filter> |
| 15 </svg> | 15 </svg> |
| 16 </body> | 16 </body> |
| OLD | NEW |