Procházet zdrojové kódy

LibWeb: Add simple ref test for SVG masking

MacDue před 1 rokem
rodič
revize
8270b9ab7e

+ 4 - 0
Tests/LibWeb/Ref/reference/simple-svg-mask-ref.html

@@ -0,0 +1,4 @@
+<svg width="200" viewBox="-10 -10 120 120">
+  <rect x="-10" y="-10" width="120" height="120" fill="blue" />
+  <rect x="50" y="10" width="40" height="80" fill="red"  />
+</svg>

+ 11 - 0
Tests/LibWeb/Ref/simple-svg-mask.html

@@ -0,0 +1,11 @@
+<link rel="match" href="reference/simple-svg-mask-ref.html" />
+<svg width="200" viewBox="-10 -10 120 120">
+  <mask id="myMask">
+    <!-- Everything under a white pixel will be visible -->
+    <rect x="0" y="0" width="100" height="100" fill="white" />
+    <!-- Everything under a black pixel will be invisible -->
+    <rect x="0" y="0" width="50" height="100" fill="black" />
+  </mask>
+  <rect x="-10" y="-10" width="120" height="120" fill="blue" />
+  <rect x="10" y="10" width="80" height="80" fill="red" mask="url(#myMask)" />
+</svg>

+ 13 - 0
Tests/LibWeb/Ref/svg-mask-in-defs.html

@@ -0,0 +1,13 @@
+<link rel="match" href="reference/simple-svg-mask-ref.html" />
+<svg width="200" viewBox="-10 -10 120 120">
+  <defs>
+    <mask id="myMask">
+      <!-- Everything under a white pixel will be visible -->
+      <rect x="0" y="0" width="100" height="100" fill="white" />
+      <!-- Everything under a black pixel will be invisible -->
+      <rect x="0" y="0" width="50" height="100" fill="black" />
+    </mask>
+  </defs>
+  <rect x="-10" y="-10" width="120" height="120" fill="blue" />
+  <rect x="10" y="10" width="80" height="80" fill="red" mask="url(#myMask)" />
+</svg>