diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /layout/reftests/svg/mask-extref-dataURI-01.svg | |
parent | Initial commit. (diff) | |
download | firefox-upstream/124.0.1.tar.xz firefox-upstream/124.0.1.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/svg/mask-extref-dataURI-01.svg')
-rw-r--r-- | layout/reftests/svg/mask-extref-dataURI-01.svg | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/layout/reftests/svg/mask-extref-dataURI-01.svg b/layout/reftests/svg/mask-extref-dataURI-01.svg new file mode 100644 index 0000000000..b79258fb17 --- /dev/null +++ b/layout/reftests/svg/mask-extref-dataURI-01.svg @@ -0,0 +1,38 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE svg [ + <!-- entities etc. here --> + <!ENTITY dataURI + "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>"> +]> +<svg xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink"> + <title> + Testcase for bug 686013: CSS mask targeting a fragment in a data URI + </title> + <style type="text/css"> + .masked { + mask: url("&dataURI;#mask"); + } + </style> + + <!-- use an empty g to force resource document to load before onload --> + <use xlink:href="&dataURI;#empty"/> + + <!-- giant lime background --> + <rect width="100%" height="100%" fill="lime"/> + + <!-- Masked red rect, covered by lime rect + (to make sure mask doesn't let too much through) --> + <rect width="75" height="75" fill="red" class="masked"/> + <rect width="50" height="50" fill="lime"/> + + <!-- Masked lime rect, covering red rect + (to make sure mask lets enough through) --> + <g transform="translate(0, 100)"> + <rect width="50" height="50" fill="red"/> + <rect width="75" height="75" fill="lime" class="masked"/> + </g> +</svg> |