112 Lingkaran</h1> untuk informasi lingkaran dan <h1>SVG Elips </h1> untuk informasi Elips. Kemudian kita mulai membuat tag <svg> dengan code <svg id="lingkaran">..</svg> untuk bagian lingkaran. Pada bagian ini kita mulai dengan membuat lingkaran menggunakan <circle cx="100" cy="80" r="50" stroke="green" fill="transparent" stroke-width="5"/> yang mana lingkatan yang dibuat dimulai dari titik (100,80) dan untuk jari-jari disetting pada angka 50. Garis lingkaran diberi warna hijau dan fill transparan dengan ketebalan garis 5. Selanjutnya masuk pada bagian elipse dimana disini kita gunakan code <svg id="elips">..</svg> untuk menggunakan svg dan mulai merancang elips dengan menggunakan code <ellipse cx="100" cy="80" rx="80" ry="50" stroke="blue" fill = "transparent" strokewidth="5"/> dimana disini kita menggambar elips dengan dimulai dari titik (100,80). Pada bagian jari-jari untuk elips kita tentukan titik untuk jari-jari x dan y dimana pada code kita gunakan titik (80, 50). Kemudian untuk garis kita beri warna biru dengan fill transparan dan ketebalan garis 5. Berikut ini hasil dari eksekusi program dimana dapat dilihat ada buah gambar yang bagian atas berwarna hijau adalah gambar lingkaran dan bagian bawah berwarna biru adalah elips.
RkJQdWJsaXNoZXIy MTM3NDc5MQ==