Elemen HTML <canvas> digunakan untuk menggambar grafik secara langsung menggunakan skrip JavaScript.
Canvas hanya berfungsi sebagai kanvas kosong (wadah grafis). Anda wajib menggunakan JavaScript untuk menggambar garis, lingkaran, teks grafis, atau animasi game di atasnya.
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="120" style="border:1px solid #cbd5e1; border-radius:8px;"></canvas>
<script>
const c = document.getElementById("myCanvas");
const ctx = c.getContext("2d");
// Gambar lingkaran merah
ctx.beginPath();
ctx.arc(100, 60, 40, 0, 2 * Math.PI);
ctx.fillStyle = "#e11d48";
ctx.fill();
ctx.stroke();
</script>
</body>
</html>Canvas berbasis piksel (raster), sangat ideal untuk game 2D/3D dan pemrosesan manipulasi foto langsung di browser.
Bahasa apa yang digunakan untuk menggambar bentuk di dalam elemen <canvas>?