🌍 Public
Fork of HTML Starter
This example displays a gallery of basic geometric shapes drawn on a responsive HTML5 Canvas, including filled and outlined rectangles, circles, triangles, lines, ellipses, rounded rectangles, and a star. The canvas uses the Canvas 2D API with methods like `fillRect()`, `arc()`, and `quadraticCurveTo()` to render each shape. The drawing routine redraws all shapes whenever the window is resized, adapting the layout to the available screen space.
AI-generated descriptionHTML Canvas Basic Shapes
A full display HTML canvas demonstrating various basic shapes including:
- Rectangle (filled and outlined)
- Circle (filled and outlined)
- Triangle
- Line
- Ellipse
- Rounded rectangle
- Star shape
The canvas is responsive and redraws shapes when the window is resized.
Features
- Full display canvas that adapts to screen size
- Colorful basic geometric shapes
- Responsive design that redraws on window resize
- Clean, modern styling with shadows and borders
MIT Licensed
Comments
Sign in to join the discussion.