🖼️ Graphical Interface Description: Drawing with Canvas

The image shows a web application created using the HTML5 <canvas> element, allowing the user to draw simple geometric shapes.

📌 Main Features:

Displayed on the canvas (with a light background):

• A red outlined circle (not filled)
• A blue filled circle
• A green filled square
• A geometric shape made of black lines, resembling a right-angled triangle

🎨 Technical Implementation:

All shapes are drawn using JavaScript and the Canvas API, with the following methods:

• beginPath(), arc(), fill(), stroke() – for circles
• fillRect() – for rectangles and squares
• moveTo(), lineTo(), stroke() – for drawing lines and connecting points

Joonistamine JS abil

Radius:
Laius: Kõrgus: