Skip to content

Instantly share code, notes, and snippets.

@jessamynsmith

jessamynsmith/html with svg

Created September 1, 2021 17:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jessamynsmith/e930cab8474d09d614cd3bb19f261c5a to your computer and use it in GitHub Desktop.
Save jessamynsmith/e930cab8474d09d614cd3bb19f261c5a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html with svg
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
<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:nonzero;"/>
</svg>
<hr>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<!-- Using g to inherit presentation attributes -->
<g id="myelem" fill="white" stroke="green" stroke-width="5">
<circle cx="40" cy="40" r="25" />
<circle cx="60" cy="60" r="25" />
</g>
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment