Tagging canvas Width Attribute Pada Bahasa Pemrograman HTML

Tagging <canvas> Width 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 "Width".

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

Simak ulasan berikut ini untuk mengetahuinya,

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

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

Syntax :

<canvas width="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> Width Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <canvas> Width HTML.
Sekian dan terimakasih.