June 17
SVG, noto come Scalable Vector Graphics, è un linguaggio di markup grafica che consente di grafica e animazioni di codice nella tua pagina web. Esso è destinato a diventare sempre più popolare per il web design, perché i browser Web più diffusi ora supportano SVG. Con i tag SVG e gli elementi, è possibile specificare forme geometriche come cerchi, rettangoli e poligoni ad essere collocati ad coordinate specifiche sulla tua pagina web. Inoltre, è possibile specificare le dimensioni di ogni forma.
1 Creare un file di testo con l'editor di testo. Salvare il file come "svggraphics.html."
2 Digitare i tag di markup HTML per indicare al browser che la pagina è codificata nel linguaggio di markup HTML:
<Html>
<Body>
3 Digitare la riga successiva del editor di testo il tag namespace "SVG" per indicare al browser Web che i tag che seguono sono codificati come SVG e svolgere le funzioni grafiche in base a quelle specificate nello standard W3 per l'SVG situato presso l'URL "" http://www.w3.org/2000/svg" version = "1.1" ":
<svg xmlns = "http://www.w3.org/2000/svg" version =" 1.1 ">
4 Immettere i simboli grafica SVG markup che specificano la forma grafica per essere disegnati (un cerchio) e che creano le coordinate del centro del cerchio sullo schermo a 200 pixel a destra del bordo sinistro dello schermo (coordinata x) e 200 pixel in basso dal bordo superiore dello schermo (coordinata y):
<Circle cx = "200" cy = "200" r = "100" stroke = "nero"
stroke-width = "2" fill = "nero" />
Il codice di cui sopra, oltre a creare il centro del cerchio coordina, specifica anche un raggio del cerchio di 100 pixel, una circonferenza con una larghezza di linea di 2 pixel e un cerchio che è completamente riempito con il colore nero.
5 Digitare il markup per indicare al browser web che i tag di marcatura da seguire non sono più essere interpretati come W3 SVG tag di marcatura (la fine dello script SVG), così come alla fine il corpo principale della pagina HTML e il markup HTML script:
</ Svg>
</ Body>
</ Html>