Fungsi Tag canvas (Tag HTML)

BERANDA > FUNGSI DAN KEGUNAAN TAG HTML > Fungsi Tag canvas (Tag HTML)


A. Pengenalan Tag canvas (Tag HTML)


Tag canvas merupakan tag yang digunakan untuk membuat, manaruh, mengubah gambar atau grafik tertentu. Pembuatan gambar ataupun grafik ditulis dalam bahasa javascript.

B. Contoh Penggunaan Tag canvas (Tag HTML)


• Penggunaan Tag canvas

Contoh:


<canvas id="canvas" width="120" height="120" style="border:1px solid black;padding:1px;">Tulisan ini muncul apabila browser tidak mendukung canvas.</canvas>

<script>

var canvas = document.getElementById("canvas");
var dimensi = canvas.getContext("2d");

dimensi.beginPath();
dimensi.rect(0, 0, 120, 120);
dimensi.fillStyle = "black";
dimensi.fill();

dimensi.beginPath();
dimensi.rect(20, 20, 80, 80);
dimensi.fillStyle = "green";
dimensi.fill();

</script>


Hasil:


Tulisan ini muncul apabila browser tidak mendukung canvas.

Tidak ada komentar:

Posting Komentar

Jangan lupa memberikan saran dan laporan bila terdapat sesuatu yang ingin kamu sampaikan.

Gunakan kata - kata yang sopan untuk mengomentar dan mengkritik.

Katakan bila ingin ada materi atau pembahasan yang ingin ditambahkan atau yang kurang lengkap.