Share And Give With Us

Belajar Membuat Kotak Dengan HTML5

Tidak ada komentar
Halo bertemu lagi dengan saya kang dighca gimana kabarnya?.Banyak yang mengkontak saya lewat hp,fb,email,mereka kebanyakan berkata ingin belajar html5 ok kini saya akan mengajak kalian untuk belajar HTML5 tapi yang sederhana aja dulu untuk permulaan.Method yang kita gunakan adalah yaitu: rect().rect() disini adalah Rectangle ya hanya disingkat,yap kita memang akan membuat Sebuah persegi dengan menggunakan HTML 5 . kanvas persegi panjang dalam HTML 5 ini sendiri diposisikan oleh Parameter:
Parameter topLeftCornerX dan topLeftCornerY, <<. ukurannya dengan parameter width(lebar) dan height(tinggi).

Berikut susunan Method baru yang akan kita gunakan:
c.rect(topLeftCornerX,topLeftCornerY,width,height);


Dan berikut Script untuk membuatnya:
 
Penjabaran keterangan:
var topLeftCornerX = 188; //ukuran sumbu X
var topLeftCornerY = 50; // ukuran sumbu Y
var width = 200; // ukuran lebar
var height = 100; // ukuran tinggi
c.rect(topLeftCornerX,topLeftCornerY,width,height); << Method kita gunakan 

c.fillStyle="#a1a1a1"; // kode warna
c.fill();
c.lineWidth=5; //lebar garis
c.strokeStyle="black"; //warna garis luar
c.stroke(); 

Hasil Screenshot:


Untuk mempraktekkannya, pakai notepad atau notepad ++ bisa juga dengan sublime silakan mencoba :)

Tidak ada komentar :