🌍 Public
Viewing a saved revision (read-only)
8e4ac2ad50184ecbba8ba12df6561307
SVG Fundamentals
This example demonstrates raw SVG shape drawing within a web page. It shows a blue circle, a second black circle, and a thick navy diagonal line rendered on a 960 by 500 canvas. The code uses the standard SVG elements `circle` and `line`, defining their positions with `cx`, `cy`, `r`, `x1`, `y1`, `x2`, and `y2` attributes. Colors and stroke width are set directly via the `fill`, `stroke`, and `stroke-width` presentation attributes, with no external data or scripting involved.
AI-generated descriptionA demonstration of svg shapes.