Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

114 Sedangkan untuk membuat sebuah polyline pada svg kita bisa gunakan tag <polyline> dan tidak lupa untuk menggambar polygon kita bisa gunakan tag <polygon>. Berikut ini contoh program yang digunakan untuk menampilkan garis, polyline dan polygon. <html> <head> <title>SVG</title> </head> <body> <h1>SVG Garis    SVG Polyline    SVG Polygon</h1> <svg id="garis" width="200" height="200" viewBox="-25 0 300 300"> <line x1 = "20" y1 = "20" x2 = "175" y2 = "180" stroke = "green" stroke-width = "3"/> </svg> <svg id="polyline" width="200" height="200" viewBox="0 0 300 300"> <polyline points = "20,20 40,25 60,40 80,120 120,140 200,180" fill = "none" stroke = "blue" stroke-width = "3"/> </svg>

RkJQdWJsaXNoZXIy MTM3NDc5MQ==