Setelah kemarin kita buat sebuah garis dengan SVG element maka artikel kali ini masih seputar tentang SVG, dan karena Banyak yang request bagaimana si jika kita membuat sebuah bangun ruang, coba buat contoh satu aja tentang bangun ruang, oke maka dari itu kita disini akan membuat sebuah bangun ruang segita dan artikel kali ini saya buat dengan judul Cara Membuat Bangun Ruang Segitiga Dengan SVG di HTML5, oke teman-teman jangan kemana-mana ya simak terus artikel kita kali ini, terimakasih.

untuk belajar Cara Membuat Bangun Ruang Segitiga Dengan SVG di HTML5,  caranya sangat mudah, jika teman-teman sudah pernah membaca tentang artikel saya sebelumnya tentang pengertian SVG, kita tinggal membuat garis berikutnya saja, misal kali ini kita akan membuat segitiga, maka dari itu kita akan membuat sebuah garis tiga buah, dengan efek masing-masing, efek masing-masing itu maksudnya apa ka, maksudnya misal garis satu kita buat  <line x1=“10” y1=“10” x2=“400” y2=“200” stroke=“rgb(100, 180, 80)” stroke-width=“20” /> hayo jika liat kode di samping apakah teman-teman sudah bisa menebak, jika sudah pernah belajar bangun ruang matematika sudah tidak asing lagi ya dengan tanda X dan tanda y, karena itulah yang membuat SVG itu berfungsi. oke biar enak kita langsung tampilkan contoh kode HTML lengkapnya ya teman-teman.

Teman-teman fokus ke body ya teman-teman dengan tag SVG, dimana didlamanya ada tag line dengan atributnya, jika dilihat ada x1, y2, x2, y1 nanti teman-teman bisa berkreasi sendiri atur sesuka teman-teman saja x dan y. dan bagaimana hasilnya, hasilnya seperti ini:

Cara Membuat Bangun Ruang Segitiga Dengan SVG di HTML5

Maaf ya teman-teman tidak rapi segitiganya hehe tapi tidak apa-apa cukup mewakilkan segitga ya, hehe. Oke teman-teman saya rasa cukup sekian dulu belajar kita tentang Cara Membuat Bangun Ruang Segitiga Dengan SVG di HTML5, semoga bermanfaat dan sampai jumpa di artikel saya selanjutnya, terimakasih.