1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/svg/mask-extref-dataURI-01.svg Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,38 @@ 1.4 +<!-- 1.5 + Any copyright is dedicated to the Public Domain. 1.6 + http://creativecommons.org/publicdomain/zero/1.0/ 1.7 +--> 1.8 +<!DOCTYPE svg [ 1.9 + <!-- entities etc. here --> 1.10 + <!ENTITY dataURI 1.11 + "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><g id='empty'/><mask id='mask' maskContentUnits='userSpaceOnUse'><rect width='50' height='50' fill='white'/></mask></svg>"> 1.12 +]> 1.13 +<svg xmlns="http://www.w3.org/2000/svg" 1.14 + xmlns:xlink="http://www.w3.org/1999/xlink"> 1.15 + <title> 1.16 + Testcase for bug 686013: CSS mask targeting a fragment in a data URI 1.17 + </title> 1.18 + <style type="text/css"> 1.19 + .masked { 1.20 + mask: url("&dataURI;#mask"); 1.21 + } 1.22 + </style> 1.23 + 1.24 + <!-- use an empty g to force resource document to load before onload --> 1.25 + <use xlink:href="&dataURI;#empty"/> 1.26 + 1.27 + <!-- giant lime background --> 1.28 + <rect width="100%" height="100%" fill="lime"/> 1.29 + 1.30 + <!-- Masked red rect, covered by lime rect 1.31 + (to make sure mask doesn't let too much through) --> 1.32 + <rect width="75" height="75" fill="red" class="masked"/> 1.33 + <rect width="50" height="50" fill="lime"/> 1.34 + 1.35 + <!-- Masked lime rect, covering red rect 1.36 + (to make sure mask lets enough through) --> 1.37 + <g transform="translate(0, 100)"> 1.38 + <rect width="50" height="50" fill="red"/> 1.39 + <rect width="75" height="75" fill="lime" class="masked"/> 1.40 + </g> 1.41 +</svg>