RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 15:47:44 +00:00
Code Issues Activity Actions

Base: Add CSS styles to SVG test page

Browse source 
SVG is styleable using CSS, so this adds an extra triangle to the page,
which is styled with CSS instead of attributes.
This commit is contained in:
Sam Atkins 2021-09-16 11:54:17 +01:00 • committed by Andreas Kling
parent dc9b18da22
commit 2c8c56684b
1 changed files with 12 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

13
Base/res/html/misc/svg.html
View file

@ -1,10 +1,21 @@
<!DOCTYPE html>
<html>
<head><title>SVG test</title></head>
<head>
<title>SVG test</title>
<style>
.css {
fill: magenta;
stroke: yellow;
stroke-width: 3;
}
</style>
</head>
<body>
<svg width="800" height="400">
<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>
<path d="M 135 275 v -100 a 100,100 0 0,0 -100,100 z" fill="yellow" stroke="blue" stroke-width="3"></path>
<path d="M 150 290 v -100 a 100,100 0 1,1 -100,100 z" fill="red" stroke="blue" stroke-width="3"></path>