Sebelumny saya jelaskan dahulu apa iyu polygon, polygon adalah istilah dalam SVG untuk membuat gambar dengan berbagai titik koordinat. Ini dibuat menggunakan tag <polygon>. Sebagai contoh, segitiga bisa disebut sebagai poligon, karena memiliki 3 titik. Oke berarti hal yang pertama kita harus ingat adalah polygon itu membuat beberapa titik ya teman-teman.Dan contoh bangun ruang yang kita buat disini adalah segitiga ya teman-teman, maka dari itu disini saya buat judul dengan nama cara membuat bentuk polygon dengan SVG di HTML5, oke teman-teman jangan kemana-mana simak terus ya.

Oke sebelumnya untukĀ cara membuat bentuk polygon dengan SVG di HTML5 dimana teman-teman yang biasanya membuat gambar dengan paint mari disni kita menggambar dengan menggunakan tag HTML ya teman-teman, jadi tag HTML sekarang sangat super sekali, dimana bisa membantu kita untuk membuat sesuatu, tidak seperti dulu, bisa jadi nanti kedepannya akan lebih simple lagi dalam contoh pembuatan sebuah website, dan sekarang mari bagaimana contoh pembuatannya.

Atribut points di dalam tag <polygon> berfungsi untuk membuat titik koordinat. Dan sekarang coba teman-teman perhatikan yang ada di tag polygon ya teman-teman terdapat koordinat ini dimana berguna untuk bergantian dari titik x1,y1,x2, y2, x3, y3, dst. Atribut points=”250,50 350,200 150,200″ artinya, saya membuat poligon dengan 3 titik, titik pertama pada koordinat 250,50, titik kedua pada 350,200 dan titik ketiga pada 150,200. Saat titik ketiga dibuat, poligon otomatis menghubungkannya kembali dengan titik pertama. Dan bagaimana hasil gambarnya seperti ini lah contoh hasil gambarnya:

cara membuat bentuk polygon dengan SVG di HTML5

Bagimana teman-teman, teman-teman baru saja membuat sebuah bangun ruang segitiga, yang kita buat dengan tag polygon yang terdapat di HTML, sangat menarik ya teman-teman, oke dan saya rasa cukup sampai disini dulu belajar kita tentang cara membuat bentuk polygon dengan SVG di HTML5, semoga bermanfaat dan sampai jumpa di artikel saya selanjutnya.