Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fill & Stroke

Public visualization

Fill & Stroke

0 stars0🌍 Public
MMadhu
Last edited May 18, 2022
Created on May 18, 2022
Forked from HTML Starter

This example demonstrates the visual difference between shapes with no fill or stroke and those with explicit white fill and black stroke. It uses raw SVG elements—`rect`, `circle`, and `path`—within an inline `<svg>` tag, with a white background rectangle covering the canvas. The top row shows unadorned shapes, while the bottom row applies `fill="white"` and `stroke="black"` with a thick `stroke-width` to highlight the contrast. The code is plain HTML/SVG, with no external libraries, and renders directly in the browser.

AI-generated description

Lesson 2 SVG

Comments

Sign in to join the discussion.

MIT Licensed