From e27081a8cac8e027393dca92b68084159e3dd32a Mon Sep 17 00:00:00 2001
From: MacDue <macdue@dueutil.tech>
Date: Sun, 11 Jun 2023 16:47:50 +0100
Subject: [PATCH] Base: Add an SVG `fill-rule` example page

---
 Base/res/html/misc/svg-fill-rule.html | 19 +++++++++++++++++++
 Base/res/html/misc/welcome.html       |  1 +
 2 files changed, 20 insertions(+)
 create mode 100644 Base/res/html/misc/svg-fill-rule.html

diff --git a/Base/res/html/misc/svg-fill-rule.html b/Base/res/html/misc/svg-fill-rule.html
new file mode 100644
index 0000000000..5a225b2abf
--- /dev/null
+++ b/Base/res/html/misc/svg-fill-rule.html
@@ -0,0 +1,19 @@
+<!-- Example taken from MDN -->
+<svg viewBox="-10 -10 220 120" xmlns="http://www.w3.org/2000/svg">
+  <!-- Default value for fill-rule -->
+  <polygon
+    fill-rule="nonzero"
+    stroke="red"
+    points="50,0 21,90 98,35 2,35 79,90" />
+
+  <!--
+  The center of the shape has two
+  path segments (shown by the red stroke)
+  between it and infinity. It is therefore
+  considered outside the shape, and not filled.
+  -->
+  <polygon
+    fill-rule="evenodd"
+    stroke="red"
+    points="150,0 121,90 198,35 102,35 179,90" />
+</svg>
diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html
index aa9625db6f..20adf8486f 100644
--- a/Base/res/html/misc/welcome.html
+++ b/Base/res/html/misc/welcome.html
@@ -73,6 +73,7 @@
             <li><a href="svg-transforms.html">svg transforms</a></li>
             <li><a href="svg-gradients.html">svg gradients</a></li>
             <li><a href="svg-preserve-aspect-ratio.html">svg preserveAspectRatio</a></li>
+            <li><a href="svg-fill-rule.html">svg fill-rule</a></li>
             <li><a href="small.html">small</a></li>
             <li><a href="link.html">link</a></li>
             <li><a href="afrag.html">links with fragments</a></li>