Tagging canvas Height Attribute Pada Bahasa Pemrograman HTML

Tagging <canvas> Height Attribute 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.

Nah, salah satu atribut yang dimiliki Tag Canvas adalah "Height".

Seperti apakah fungsi dari Atribut Height pada Tag Canvas pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Height - Adalah salah satu atribut bahasa pemrograman html yang di miliki oleh Tag <canvas>. Fungsi utama dari atribut ini adalah untuk menentukan berapa lebar ukuran dari kanvas atau media grafik dalam html tersebut. Atribut ini apabila memiliki value semakin besar maka lebar dari kanvas juga akan semakin melebar pula begitu juga sebaliknya.

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

Syntax :

<canvas height="pixels">

Penerapan Syntax :

<canvas id="myCanvas" width="300" height="200" style="border:2px solid"></canvas>

<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#0000FF";
ctx.fillRect(50, 50, 200, 100);
   function clearCanvas() {
    c.height = 250;
   }
</script>

Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <canvas> Tagging ?
Klik disini : Tagging <canvas> HTML



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