Viewing a saved revision (read-only)
7ebdb18287e74d1696220f40d3a5ce9b
SVG fundaments
This example reproduces a Sol LeWitt-inspired generative artwork using SVG fundamentals. It creates a full-viewport SVG canvas via the DOM API and renders two sets of striped rectangles—horizontal and vertical—that are selectively revealed through custom SVG masks. Two masks (`circle-mask` and `circle-mask-2`) use black and white rectangles with a centered white or black circle to create a circular cutout effect. The code demonstrates programmatic SVG element creation, attribute setting, and mask application without any external libraries, relying purely on raw JavaScript and SVG namespaces.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.