mirror of
https://github.com/SerenityOS/serenity
synced 2024-10-15 04:13:11 +00:00
Base: Add an SVG fill-rule
example page
This commit is contained in:
parent
377ff0ac26
commit
e27081a8ca
19
Base/res/html/misc/svg-fill-rule.html
Normal file
19
Base/res/html/misc/svg-fill-rule.html
Normal 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>
|
After Width: | Height: | Size: 524 B |
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue