1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 23:37:35 +00:00

LibWeb: Add SVG <rect> element and test case :^)

This commit is contained in:
Sam Atkins 2022-02-11 15:52:42 +00:00 committed by Andreas Kling
parent aa2f20fb60
commit 1dde6a0a2b
11 changed files with 225 additions and 1 deletions

View file

@ -11,7 +11,7 @@
</style>
</head>
<body>
<svg width="800" height="400">
<svg width="800" height="800">
<path d="M 10 10 h 100 l -50 80 z" fill="green" stroke="black" stroke-width="3"></path>
<path d="M 60 10 h 100 l -50 80 z" fill="red" stroke="blue" stroke-width="3"></path>
<path d="M 110 10 h 100 l -50 80 z" class="css"></path>
@ -40,6 +40,13 @@
a 10,30 20 0,1 30,10 l 30,10
a 10,40 20 0,1 30,10 l 30,10 z"></path>
</g>
<!-- Based on https://svgwg.org/svg2-draft/shapes.html#RectElement -->
<rect x="50" y="420" width="120" height="60" fill="yellow" stroke="navy" stroke-width="3" />
<rect x="250" y="420" width="120" height="60" rx="15" fill="green" />
<g transform="translate(450 450) rotate(-30)">
<rect x="0" y="0" width="120" height="60" rx="15" fill="none" stroke="purple" stroke-width="9" />
</g>
</svg>
</body>
</html>