mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-08-21 09:49:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

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
commit 2c8c56684b
Notes: sideshowbarker 2024-07-18 03:50:16 +09:00
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> <!DOCTYPE html>
<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> <body>
<svg width="800" height="400"> <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 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 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 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> <path d="M 150 290 v -100 a 100,100 0 1,1 -100,100 z" fill="red" stroke="blue" stroke-width="3"></path>