forked from mirrors/gecko-dev
32 lines
689 B
HTML
32 lines
689 B
HTML
<!doctype html>
|
|
<style>
|
|
body { margin: 0 }
|
|
:root {
|
|
font-size: 10px;
|
|
}
|
|
.container {
|
|
font-size: 20px;
|
|
}
|
|
line {
|
|
stroke-width: 40px;
|
|
stroke: lime;
|
|
}
|
|
polygon, polyline {
|
|
fill: lime;
|
|
}
|
|
svg {
|
|
background-color: red;
|
|
}
|
|
</style>
|
|
<div class="container">
|
|
<svg width=400 height=400>
|
|
<rect width=400 height=400 fill="blue"/>
|
|
<line y1=0 y2=0 x1=0 x2=200 />
|
|
<line y1=40 y2=40 x1=0 x2=10em />
|
|
<line y1=80 y2=80 x1=0 x2=20rem />
|
|
<line y1=120 y2=120 x1=0 x2=50% />
|
|
<line y1=160 y2=160 x1=0 x2=4vw />
|
|
<polygon points="0,200 200,200 200,240 0,240"/>
|
|
<polyline points="0,240 200,240 200,280 0,280"/>
|
|
</svg>
|
|
</div>
|