← Kembali ke Daftar Materi

HTML5 Canvas

Elemen Grafik Bitmap <canvas>

Elemen <canvas> digunakan untuk menggambar grafik secara dinamis via JavaScript (pixel-based).

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000;"></canvas>
<script>
  var c = document.getElementById("myCanvas");
  var ctx = c.getContext("2d");
  ctx.fillStyle = "#04AA6D";
  ctx.fillRect(20, 20, 150, 60);
</script>