Skip to content

Instantly share code, notes, and snippets.

@questsin

questsin/svg.html

Created February 20, 2019 15:10
Show Gist options
  • Save questsin/2bc9c409afddf495ae1bd16f54ede52b to your computer and use it in GitHub Desktop.
Save questsin/2bc9c409afddf495ae1bd16f54ede52b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
svg.html
<!DOCTYPE html>
<html>
<head><title>blank</title></head>
<body>
<svg width="400" height="110" >
<rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
</svg>
<svg height="60" width="200" >
<text x="0" y="15" fill="red" transform="rotate(30 20,40)">I love SVG</text>
</svg>
<svg height="100" width="100" >
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
<svg height="180" width="500" >
<polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"
style="fill:white;stroke:red;stroke-width:4" />
</svg>
<svg height="210" width="500" >
<polygon points="100,10 40,198 190,78 10,78 160,198"
style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment