Dasar Atribut Tagging canvas Pada Bahasa Pemrograman HTML

Dasar Atribut Tagging <canvas> Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Sobat mungkin sudah tidak asing dengan yang namanya kanvas pada dunia asli bukan? yaitu media yang difungsikan untuk menggambar sebuah objek ataupun grafik menggunakan cat air. Seperti fungsinya, dalam bahasa inggris Kanvas adalah Canvas yang diterapkan dalam bahasa pemrograman html untuk media menggambar sebuah bentuk grafik. Metode ini biasanya dipakai untuk menyampaikan sebuah data ataupun karya pada sebuah halaman website.

Seperti apakah fungsi dari Tagging Canvas pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Canvas - Adalah salah satu Tagging dalam bahasa pemrograman HTML yang dimanfaatkan untuk membikin sebuah diagram data grafik, namun untuk membuatnya tidak sembarangan karena diperlukan sebuah pengkodean javascript untuk menarik sebuah garis ataupun bentuk diagram pada area kanvas dalam html.

Dibalik kesulitan, pasti akan menghasilkan sebuah karya seni ataupun gambar yang elegan pula.

Apabila sobat ingin menerapkannya pada website kalian maka sobat dapat mempelajari cara pengkodean di bawah ini :

Syntax :

<canvas id="Value"></canvas>

Penerapan Syntax :

<canvas id="myCanvas"></canvas>

<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 100, 100);
</script>

Canvas Attribute :

No.	Attribute	Value	Fungsi
1	width	pixels	Berfungsi untuk memberikan definisi panjang dari grafik ataupun canvas itu sendiri.
2	height	pixels	Berfungsi untuk memberikan definisi lebar/berat dari grafik ataupun canvas itu sendiri.

Ingin mencobanya ?
Klik disini : JALANKAN CODE



Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Dasar Atribut Tagging <canvas> Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <canvas> pada HTML.
Sekian dan terimakasih.