🌍 Public
Viewing a saved revision (read-only)
a5f4ba8e98034b2ba6ec209bc07f2fd3
SVG Fundamentals
This example demonstrates basic SVG shapes and their styling properties. Three separate SVG canvases display a semi-transparent pink rectangle with a purple border, a blue line, and a yellow ellipse with a red outline. The code uses raw SVG elements—`rect`, `line`, and `ellipse`—with inline presentation attributes like `fill`, `stroke`, `stroke-width`, and `fill-opacity` to control appearance. The rectangles and ellipses also utilize style properties for opacity effects.
AI-generated descriptionA demonstartion of SVG shapes.