HTML 27 💻 canvas element

Draw in a web page

<canvas id="thecanvas" width="400" height="200"></canvas>
<script>
        const cnv = document.getElementById('thecanvas');
        const ctx = cnv.getContext('2d');

        ctx.fillStyle = 'red';
        ctx.fillRect(10, 10, 50, 40);
</script>

canvas element is used to draw graphics
You can do that by using JavaScript
You can create animations, games, data visualizations etc
canvas defines the drawing area and it requires a closing tag
width and height set the width and the height of the canvas
id is used to reference it in JavaScript
It is transparent and with no border

---

Stop using slow, ad-bloated tool sites! 🤮

🔎 Search “KandZ Tools” on Google to use many professional utilities for free.

KandZ.me is the ultimate minimalist hub for:
✅ Finance (Mortgage, Interest, Inflation)
✅ Tech (Base64, JSON, Dev Suite, IP)
✅ Health (BMI, BMR, TDEE)
✅ Productivity (Timer, Workspace, QR)

⚡️ Fast & Private
🔒 No data leaves your device
💎 100% Free

🔗 Use it now: https://tools.kandz.me
🔖 Bookmark it—you’ll need it later!