SVG Fundamental - Sol Lewitt

index.html

<!DOCTYPE html>

<head>

<title>SVG Fundamental - Sol Lewitt</title>

<style>

body {

margin: 0;

overflow: hidden;

}

</style>

</head>

<body>

const svg = document.createElementNS(

'http://www.w3.org/2000/svg',

'svg'

);

const width = window.innerWidth;

const height = window.innerHeight;

svg.setAttribute('width', width);

svg.setAttribute('height', height);

document.body.appendChild(svg);

function createAnimateRadius() {

const animateColor = document.createElementNS(

// const is block scoped, no reassignments

'http://www.w3.org/2000/svg',

'animate'

);

animateColor.setAttribute(

'attributeName',

'r'

);

animateColor.setAttribute('begin', '0s');

animateColor.setAttribute('dur', '15s');

Last edited Feb 13, 2023

Created on Dec 26, 2022

A bare minimum HTML page demonstrating use of CSS and JavaScript.