diff options
| author | Sam Atkins <atkinssj@serenityos.org> | 2021-09-16 11:54:17 +0100 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2021-09-16 22:30:33 +0200 |
| commit | 2c8c56684bdf9e7716b21e7e133f37db2da24308 (patch) | |
| tree | 22e354f60612ad8bf19cd200d37a112517735a1d /Base/res/html/misc | |
| parent | dc9b18da22821eaacb06bfb1b695698ee3e83f3a (diff) | |
| download | serenity-2c8c56684bdf9e7716b21e7e133f37db2da24308.zip | |
Base: Add CSS styles to SVG test page
SVG is styleable using CSS, so this adds an extra triangle to the page,
which is styled with CSS instead of attributes.
Diffstat (limited to 'Base/res/html/misc')
| -rw-r--r-- | Base/res/html/misc/svg.html | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/Base/res/html/misc/svg.html b/Base/res/html/misc/svg.html index c2b9b2ba7f..9fbe80e829 100644 --- a/Base/res/html/misc/svg.html +++ b/Base/res/html/misc/svg.html @@ -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> |