SVG Stroking (HP)

Stroke adalah kata lain dari border, garis tepi yang mengelilingi sebuah element. Untuk mendefinisikan stroke dalam SVG, kita bisa menggunakan attribute stroke. Berikut contohnya :

Berikut hasilnya :

Untuk mengatur ketebalan stroke, kita dapat menggunakan attribute  stroke-width.  Berikut contohnya :

 Berikut hasilnya : 

Untuk mengatur style pada ujung stroke, kita dapat menggunakan attribute  stroke-linecap . Berikut contohnya : 

Berikut hasilnya :

 Untuk membuat garis putus-putus kita dapat menggunakan attribute stroke-dasharray. Berikut contohnya : 

Berikut hasilnya :

 Sekian dari saya, semoga bermanfaat! Terima Kasih, Tuhan memberkati.