Ci sono molte cose là fuori che mettono a confronto gli elementi HTML SVG e Canvas, ma sono ancora un po 'confuso.
Sto cercando un modo per disegnare una forma arbitraria (come, ho una descrizione di una forma, in coordinate, o in linee e cerchi, ecc.). Voglio essere in grado di generare la forma con Javascript (prendendo input dall'utente, ad esempio misurazioni) e disegnare la forma che ho calcolato su un'area della pagina web.
I attualmente fai questo con un <canvas> , usando .moveTo e .lineTo . Mi dà la forma che desidero, ma mi piacerebbe avere i benefici della grafica vettoriale scalabile, dove non perde la qualità quando ridimensionata, e i singoli pezzi della forma sono più accessibili (piuttosto che essere solo pixel in la tela, sono ognuno un oggetto con cui posso interagire: modificare, registrare gli ascoltatori, ecc.)
È qualcosa SVG che posso facilmente manipolare in Javascript, come si può in un Canvas HTML5?