Graphics

HTML Canvas

Bagian ini membahas elemen untuk menggambar grafik menggunakan JavaScript.

Elemen <canvas> menyediakan area kosong yang dapat digambar menggunakan JavaScript, biasanya melalui context 2d.

<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
  const ctx = document.getElementById("myCanvas").getContext("2d");
  ctx.fillStyle = "green";
  ctx.fillRect(10, 10, 150, 75);
</script>

Latihan (Submateri)

Kerjakan latihan berikut pada subfolder exercises/: