🌍 Public
Viewing a saved revision (read-only)
7d07506f97f3489ba56fe9acf07014c5
Fork of Fork of Sol Lewitt Reproduction vertical
This example creates a dynamic, full-screen SVG composition of overlapping striped patterns. It uses JavaScript to generate 100 horizontal and 100 vertical rectangles, each with a fixed thickness, and applies an SVG mask to each set. A circular mask restricts the horizontal stripes to a central circle, while an inverted mask applies the same circular cutout to the vertical stripes. The result is a grid of lines that are visible only within the intersecting circular region, demonstrating the use of the SVG `<mask>` element and dynamic DOM manipulation with `createElementNS`.
AI-generated descriptionA demonstration of SVG shapes.