Scalable Vector Graphics: differenze tra le versioni

Versione delle 00:40, 9 giu 2023

Versione delle 02:37, 13 set 2023

Riga 1:

{{Formato file

| nome = Scalable Vector Graphics

|logo = SVG Logo.svg

| icona =

| logoicona = Inkscape SVG Logoplain.svg

| immagine = Example of SVG code and SVG rendering.svg

| didascalia = Esempio di codice SVG e rispettivo rendering

| estensione = .svg, .svgz

|magic_number =

| mime = image/svg+xml

| sviluppatore = [[World Wide Web Consortium|W3C]]

|uniform_type_identifier = public.svg-image}}

| proprietario =

| licenzatypecode =

| sviluppatore = [[World Wide Web Consortium|W3C]]

| data_pubblicazione= 4 settembre 2001

| proprietario =

| ultima_versione = 1.1 (Second Edition)

|licenza =

| data_ultima_versione = 16 agosto 2011

|data_pubblicazione = {{Data|4|9|2001}}

| genere = [[Grafica vettoriale]]

| ultima_versione = 1.1 (Second Edition)

| estensione_di = [[XML]]

| data_ultima_versione = {{Data|16 agosto |8|2011}}

| esteso_a =

|nota_ultima_versione = <ref>{{cita web|lingua=en|url=https://www.w3.org/TR/2011/REC-SVG11-20110816/|titolo=Scalable Vector Graphics (SVG) 1.1 (Second Edition)|data=16 agosto 2011}}</ref>

| standard =

| genere = [[Grafica vettoriale]]

| aperto = Sì

|compressione = <!-- inserire "lossy" o "lossless" -->

| sito = www.w3.org/Graphics/SVG

| estensione_di = [[XML]]

|uniform_type_identifier=public.svg-image}}

| esteso_a =

[[File:Svg.svg|thumb|Un esempio d'uso del formato SVG.]]

| standard =

| aperto = Sìsì

| sito = www.w3.org/Graphics/SVG

}}

'''Scalable Vector Graphics''' (formato in '''.svg'''), indica un particolare [[formato di file|formato]] che è in grado di visualizzare oggetti di [[grafica vettoriale]] e quindi di salvare immagini in modo che siano ingrandibili e rimpicciolibili a piacere senza perdere in [[risoluzione grafica]].

Line 26 ⟶ 30:

== Situazione ==

[[File:Svg.svg|thumb|Un esempio d'uso del formato SVG.]]

SVG è diventato una [[Standard (informatica)|raccomandazione (standard)]] del [[World Wide Web Consortium]] nel settembre [[2001]] dopo un iter piuttosto contrastato. Al W3C [[Macromedia]] e [[Microsoft]] avevano introdotto il linguaggio [[Vector Markup Language|VML]] (Vector Markup Language), mentre [[Adobe (azienda)|Adobe]] e [[Sun Microsystems]] proponevano un formato concorrente chiamato [[PGML]]: per arrivare alla raccomandazione è stato necessario un certo lavoro di compromesso. SVG è supportato nativamente dal [[web browser]]/[[web editor]] [[Amaya (browser)|Amaya]], da [[Opera (browser)|Opera]] e da [[Mozilla Firefox]] dalla versione 1.5. Altri browser per visualizzare immagini SVG richiedono l'aggiunta di un [[plugin (informatica)|plugin]], come [https://www.adobe.com/svg/viewer/install/main.html Adobe SVG Viewer] o [http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1047022177437 Corel SVG Viewer].

Line 88 ⟶ 93:

Con lo standard HTML5 il formato SVG è diventato parte del linguaggio HTML. Un svg si può inserire come immagine (formato ".svg") oppure tramite codice. Dal punto di vista dell'utente, a livello estetico è la stessa cosa. Le seguenti tre righe di codice danno come output lo stesso risultato a livello estetico (un cerchio bianco con bordo verde), ma con tre tecniche diverse:

''';Immagine SVG'''
<syntaxhighlight lang="html">

<img

src="circle.svg"

Line 94 ⟶ 100:

height="200"

width="200" />

</syntaxhighlight>

;Codice SVG

</syntaxhighlight>'''Codice SVG'''<syntaxhighlight lang="html">

<syntaxhighlight lang="xml">

<svg width="100" height="100">

<circle cx="200" cy="200" r="93"

Line 101 ⟶ 109:

Sorry, your browser does not support inline SVG.

</svg>

</syntaxhighlight>'''

; Codice Canvas'''
<syntaxhighlight lang="htmljavascript">

function draw() {

// draw the colored region

Line 224 ⟶ 235:

==== Animazione SVG usando ECMAScript ====

<syntaxhighlight lang="ecmascripthtml">

<script type="text/ecmascript">

function rotate(evt) {

Line 272 ⟶ 283:

== Browser che supportano il formato svg e svgz ==

Ecco una lista di browser che almeno dall'ultima versione disponibile supportano, almeno in parte, il formato svg e svgz (svg compresso);{{senza fonte}}

* [[Amaya (browser)|Amaya]]

Line 304 ⟶ 315:

== Collegamenti esterni ==

* {{Collegamenti esterni}}

* {{FOLDOC|SVG}}

* {{cita web|https://www.w3.org/Graphics/SVG/|Pagina ufficiale su SVG del W3C}}

* {{cita web|http://alt-soft.com/tutorial/svg_tutorial/introduction.html|SVG Tutorial by Altsoft}}