Skip to content

Instantly share code, notes, and snippets.

@ktzanev

ktzanev/index.html

Last active March 26, 2017 14:50
Show Gist options
  • Save ktzanev/a8af296e19913d4ad0c55a9f4b1a000b to your computer and use it in GitHub Desktop.
Save ktzanev/a8af296e19913d4ad0c55a9f4b1a000b to your computer and use it in GitHub Desktop.
Download ZIP
SVG - inside html (GistRun)
Raw
index.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Exemple utilisatoin SVG</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Exemple utilisatoin SVG</h1>
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="-50 -50 400 300"
width="400" height="300">
<g fill="none" stroke-width="3">
<polygon points="30,30 200,100 100,200" stroke="red"/>
<circle cx="100" cy ="100" r="100" stroke="blue"/>
</g>
<g fill="green">
<circle cx="30" cy ="30" r="3" />
<circle cx="200" cy ="100" r="3" />
<circle cx="100" cy ="200" r="3" />
<text x="20" y="15">A</text>
<text x="205" y="105">B</text>
<text x="95" y="230">C</text>
</g>
</svg>
</body>
</html>
Raw
styles.css
svg {
border: 1px solid #eef;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment