Membuat Line Color dengan Canvas HTML5

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 :

Setelah itu tambah script warnanya.

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

Hasilnya :

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

LATIHAN.

Buatlah Line seperti gambar dibawah ini.

Terimakasih dan Selamat mencoba.