Membuat Line Color dengan Canvas HTML5

28/02/2015    Rully Febrian    3477    Website

Tutorial kali ini merupakan lanjutan dari membuat line dengan canvas. Disini kita akan menambahkan sedikit perintah yakni perintah untuk mewarnai garis atau line. Teman-teman masih ingatkan cara membuat canvas. Jika lupa silakan buka kembali tutorial sebelumnya.

Pertama buat dulu canvas dengan script line seperti dibawah ini :

Membuat-Line-Color-dengan-Canvas-HTML5

Setelah itu tambah script warnanya.

Membuat-Line-Color-dengan-Canvas-HTML5

Maka line yang kita buat akan berwarna merah. Line ini juga bisa ditambahkan ketebalannya caranya dengan menambahkan method linewidth.

Membuat-Line-Color-dengan-Canvas-HTML5

Hasilnya :

Membuat-Line-Color-dengan-Canvas-HTML5

 

Kita telah berhasil membuat line color dengan canvas. Agar teman-teman lebih memahami coba kerjakan Latihan berikut.

LATIHAN.

Buatlah Line seperti gambar dibawah ini.

Membuat-Line-Color-dengan-Canvas-HTML5

Terimakasih dan Selamat mencoba.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More
chatarrow