layout/reftests/svg/svg-integration/mask-html-01-resource.svg@925c144e1f1f (annotated)
layout/reftests/svg/svg-integration/mask-html-01-resource.svg
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 | <?xml-stylesheet |
| michael@0 | 2 | type="text/css" |
| michael@0 | 3 | href="data:text/css,circle { fill: white }" ?> |
| michael@0 | 4 | <!-- test for javascript: execution: shouldn't happen --> |
| michael@0 | 5 | <?xml-stylesheet |
| michael@0 | 6 | type="text/css" |
| michael@0 | 7 | href="javascript:'circle { fill: black }'" ?> |
| michael@0 | 8 | <svg height="0" xmlns="http://www.w3.org/2000/svg"> |
| michael@0 | 9 | <style type="text/css"> |
| michael@0 | 10 | /* XXXbz this should really be an external reference to mask-html-01.xhtml |
| michael@0 | 11 | but there's the little problem of "fill" not using nsReferencedElement |
| michael@0 | 12 | yet, so that's broken */ |
| michael@0 | 13 | /* Test that media queries work on resource documents while we're here */ |
| michael@0 | 14 | @media (min-resolution: 1dpi) { |
| michael@0 | 15 | rect { fill: url(#g); } |
| michael@0 | 16 | } |
| michael@0 | 17 | </style> |
| michael@0 | 18 | <!-- so that other documents can svg:use this one and force it to |
| michael@0 | 19 | load before onload --> |
| michael@0 | 20 | <g id="empty" /> |
| michael@0 | 21 | <mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox"> |
| michael@0 | 22 | <linearGradient id="g" gradientUnits="objectBoundingBox" x2="0" y2="1"> |
| michael@0 | 23 | <stop stop-color="white" offset="0"/> |
| michael@0 | 24 | <stop stop-color="white" stop-opacity="0" offset="1"/> |
| michael@0 | 25 | </linearGradient> |
| michael@0 | 26 | <circle cx="0.25" cy="0.25" r="0.25" id="circle" fill="black"/> |
| michael@0 | 27 | <rect x="0.5" y="0" width="0.5" height="1" fill="black"/> |
| michael@0 | 28 | </mask> |
| michael@0 | 29 | <script type="application/ecmascript"> |
| michael@0 | 30 | // Make sure scripts don't run |
| michael@0 | 31 | document.getElementById("m1").textContent = ""; |
| michael@0 | 32 | </script> |
| michael@0 | 33 | </svg> |
