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 | |
| 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.
| -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> |