Export Code
index.html
<!DOCTYPE html>
<html>
<head>
<title>SVG Fundamentals 2022!</title>
<style>
body {
margin: 0;
}
svg {
background-color: #ccff00
Alt + Click on a hex color
Open a color picker to modify the color
;
width: 100vw;
height: 100vh;
}
</style>
</head>
<body>
<svg width="400" height="300">
<circle
cx="25"
cy="25"
r="20"
fill="magenta"
></circle>
<circle
cx="75"
cy="25"
r="20"
fill="magenta"
></circle>
<circle
cx="125"
cy="25"
r="20"
fill="magenta"
></circle>

SVG Fundamentals 2022!

Bagaski

Last edited Oct 14, 2022
Created on Oct 14, 2022
Forked from HTML Starter

A demonstration of SVG fundamentals. With some practice this can be a very powerful tool for drawing vectors.

MIT Licensed