Viewing a saved revision (read-only)
64754fe8dc404159b1eaf9092fb974d6
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.