RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 12:07:45 +00:00
Code Issues Activity Actions

Base: Add an SVG fill-rule example page

Browse source
This commit is contained in:
MacDue 2023-06-11 16:47:50 +01:00 • committed by Andreas Kling
parent 377ff0ac26
commit e27081a8ca
2 changed files with 20 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

19
Base/res/html/misc/svg-fill-rule.html Normal file
View file

@ -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>
Side by side

After

Width:  |  Height:  |  Size: 524 B

1
Base/res/html/misc/welcome.html
View file

@ -73,6 +73,7 @@
<li><a href="svg-transforms.html">svg transforms</a></li> <li><a href="svg-transforms.html">svg transforms</a></li>
<li><a href="svg-gradients.html">svg gradients</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-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="small.html">small</a></li>
<li><a href="link.html">link</a></li> <li><a href="link.html">link</a></li>
<li><a href="afrag.html">links with fragments</a></li> <li><a href="afrag.html">links with fragments</a></li>