summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/svg/painting/mask-containing-image-with-clip-path.svg
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/svg/painting/mask-containing-image-with-clip-path.svg')
-rw-r--r--testing/web-platform/tests/svg/painting/mask-containing-image-with-clip-path.svg31
1 files changed, 31 insertions, 0 deletions
diff --git a/testing/web-platform/tests/svg/painting/mask-containing-image-with-clip-path.svg b/testing/web-platform/tests/svg/painting/mask-containing-image-with-clip-path.svg
new file mode 100644
index 0000000000..faeec28a35
--- /dev/null
+++ b/testing/web-platform/tests/svg/painting/mask-containing-image-with-clip-path.svg
@@ -0,0 +1,31 @@
+<svg class="reftest-wait" xmlns="http://www.w3.org/2000/svg"
+ xmlns:html="http://www.w3.org/1999/xhtml">
+ <html:script src="/common/reftest-wait.js"/>
+ <html:script src="/common/rendering-utils.js"/>
+ <html:link rel="match" href="../embedded/reference/green-rect-100x100.svg"/>
+ <script>
+<![CDATA[
+ function loadImage() {
+ waitForAtLeastOneFrame().then(() => {
+ var clip = document.getElementById('clip');
+ clip.setAttribute('width', '100');
+ clip.setAttribute('height', '100');
+ waitForAtLeastOneFrame().then(takeScreenshot);
+ });
+ }
+]]>
+ </script>
+ <defs>
+ <mask id="mask">
+ <g clip-path="url(#clip_path)">
+ <image onload="loadImage()" width="100px" height="100px" href="support/white-rect-100x100.svg"/>
+ </g>
+ </mask>
+ <clipPath id="clip_path">
+ <rect id="clip"/>
+ </clipPath>
+ </defs>
+ <g mask="url(#mask)">
+ <rect width="100" height="100" fill="green"/>
+ </g>
+</svg>