Cara Menggambar dengan Elipse dan Lingkaran di SVG Element

Cara Menggambar dengan Elipse dan Lingkaran di SVG Element

Oke teman-teman artikel kali ini kita akan bersenang-senang sedikit seperti yang saya janjikan pada artikel sebelumnya kita akan membuat sesuatu dengan menggabungkan tag ellipse dan tag circle dengan SVG, dengan tag itu kita akan menghasilkan sebuah gambar yang biasa kita mudah menggunakan aplikasi paint tapi disini kita akan coba membuatnya dengan bantuan tag yang berada di HTML, oke maka dari itu pada artikel kali ini saya aka beri judul cara menggambar dengan elipse dan lingkaran di SVG element.

(more…)

Cara Membuat Bentuk Elips dengan SVG Element

Cara Membuat Bentuk Elips dengan SVG Element

Untuk belajar atau untuk mengetahui cara membuat bentuk elips dengan SVG element, sama halnya ketika kita membuat sebuah lingkaran atau yang sebelumnya membuat garis, dengan merubah atau menggunakan tag yang di khususkan untuk membuat sebuah gambar yang akan menghasilkan gambar yang unik dengan SVG, sama halnya ketika kita menggambar di sebuah aplikasi. Tapi dengan bantuan SVG element kita bisa membuat itu semua di HTML, karena kemarin kita sudah membuat gambar dengan lingkaran maka dari itu disini kita akan merubah sedikit lingkaran itu menjadi bentuk elips, oke bagaimana caranya simak terus ya teman-teman, terimakasih.

(more…)

Cara Membuat Lingkaran dengan SVG di HTML5

Cara Membuat Lingkaran dengan SVG di HTML5

Kemarin kita sudah membuat persegi dengan SVG, dan atas request teman-teman yang meminta bagaimana kalau kita style lagi dengan membuat lingkaran dengan SVG element apakah akan sama kodenya ? itu banyak di tanya-tanyakan oleh teman-teman sekalian, tentunya akan beda ya teman-teman, dari apanya yang beda, jelas sekali pertama untuk membuat sebuah lingkaran dan elips kita membutuhkan tag sendiri bukan rect lagi yang dimana di pakai untuk membuat sebuah bangun persegi, untuk belajar Cara Membuat Lingkaran dengan SVG di HTML5, ada tag dan atributnya sendiri ya teman-teman dalam SVG element. Oke bagaimana caranya simak terus ya teman-teman.

(more…)

Cara Memodifikasi Garis yang dibuat Dari SVG Element

Cara Memodifikasi Garis yang dibuat Dari SVG Element

Oke teman-teman masih seputar tentang SVG ya, ketika kemarin kita membuat garis dengan SVG yang mana garis itu kita buat tidak lancip lagi, jika dalam CSS itu adalah seperti kita membuat border-radius, yang mana garis itu di ujungnya tidak lagi lancip, tapi bulat atau tumpul, dan kali ini kita akan belajar Cara Memodifikasi Garis yang dibuat Dari SVG Element, garis yang tadinya lurus kita modifikasi seperti garis putus-putus dan lain-lainya, oke bagaimana cara membuatnya simak terus ya teman-teman.

(more…)

Cara Mengatur Bentuk Ujung Garis di SVG Element

Cara Mengatur Bentuk Ujung Garis di SVG Element

Masih seputar SVG element yang terdapat di HTML5 kali ini kita akan mengulik sedikit yaitu lebih mempercantik bentuk garis yang kita buat dengan SVG di HTML5, ketika kita kemarin membuat garis dengan SVG tampilan garisnya itu akan tampil lancip jika kita tidak memodifikasi sedikit, dan kelihatanya juga kaku ya teman-teman, tapi jika teman-teman tidak ada masalah dengan tampilannya teman-teman bisa mengabaikannya, oke maka dari itu kita disini akan belajar Cara Mengatur Bentuk Ujung Garis di SVG Element, ada tamabahan atribut yang membuat garis yang tadinya lancip menjadi terlihat membulat, dengan apa ? kalau mau tau, oke teman-teman jangan kemana-mana simak terus ya.

(more…)