layout/reftests/image-element/element-paint-transform-repeated.html@925c144e1f1f (annotated)
layout/reftests/image-element/element-paint-transform-repeated.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
| michael@0 | 1 | <!-- |
| michael@0 | 2 | Any copyright is dedicated to the Public Domain. |
| michael@0 | 3 | http://creativecommons.org/licenses/publicdomain/ |
| michael@0 | 4 | |
| michael@0 | 5 | Test a repeated background with some transform. |
| michael@0 | 6 | The transform scales up which causes blurring, so |
| michael@0 | 7 | we use an SVG filter to get rid of it. |
| michael@0 | 8 | --> |
| michael@0 | 9 | <html> |
| michael@0 | 10 | <body style="filter:url(#thresholdAt128)"> |
| michael@0 | 11 | <div style="width:80px; height:80px; border: 1px solid black; |
| michael@0 | 12 | background: 7px 7px -moz-element(#d); |
| michael@0 | 13 | -moz-transform:matrix(2,0,0,2,50,50);"> |
| michael@0 | 14 | </div> |
| michael@0 | 15 | <div style="overflow:hidden; height:0;"> |
| michael@0 | 16 | <div id="d" style="border:10px solid white; width:20px; height:20px; |
| michael@0 | 17 | background:black;"></div> |
| michael@0 | 18 | </div> |
| michael@0 | 19 | |
| michael@0 | 20 | <svg> |
| michael@0 | 21 | <filter id="thresholdAt128" color-interpolation-filters="sRGB"> |
| michael@0 | 22 | <feComponentTransfer> |
| michael@0 | 23 | <feFuncR type="linear" slope="255" intercept="-128"/> |
| michael@0 | 24 | <feFuncG type="linear" slope="255" intercept="-128"/> |
| michael@0 | 25 | <feFuncB type="linear" slope="255" intercept="-128"/> |
| michael@0 | 26 | </feComponentTransfer> |
| michael@0 | 27 | </filter> |
| michael@0 | 28 | </svg> |
| michael@0 | 29 | </body> |
| michael@0 | 30 | </html> |
