Confronta le versioni

SVG

Change Revisions

Versione 305255:

Versione 305255 di ethertank del

Versione 338993:

Versione 338993 di Grino del

Titolo:
SVG
SVG
Slug:
SVG
SVG
Etichette:
"Tutte_le_categorie", "SVG"
"Tutte_le_categorie", "SVG"
Contenuto:

Versione 305255
Versione 338993
n7    <div>n
8      {{outdated()}}
9    </div>
n11      <b><a href="/it/docs/Tutorial_SVG">Tutorial SVG</a></b><br>n8      <strong><a href="https://developer.mozilla.org/en-US/docs/S
 >VG/Tutorial" title="SVG/Tutorial">Iniziare ad usare SVG</a></stro
 >ng><br>
12      Questo tutorial è stato scritto per aiutare i novizi a util9      Questa esercitazione ti aiuterà ad iniziare ad usare SVG.
>izzare SVG. 
n15      <b>Scalable Vector Graphics (SVG)</b> è un linguaggio a marn12      <b>Scalable Vector Graphics (SVG)</b> è un linguaggio <a hr
>kup basato su <a href="/it/docs/XML">XML</a> che serve per descri>ef="https://developer.mozilla.org/en-US/docs/XML" title="XML">XML
>vere elementi grafici vettoriali a due dimensioni. Essenzialmente></a> di markup per la descrizione di grafica vettoriale a due dim
> SVG sta alla grafica come <a href="/it/docs/XHTML">XHTML</a> sta>ensioni. Essenzialmente SVG sta alla grafica come <a href="/it/do
> al testo.>cs/XHTML">XHTML</a> sta al testo.
n17        SVG è simile negli scopi alla tecnologia proprietaria Macn14        SVG è simile negli scopi alla tecnologia proprietaria Mac
>romedia Flash. Ciò che li distingue sono una <a class="external" >romedia Flash di Adobe, ma quello che distingue SVG da Flash l'es
>href="http://www.w3.org/Graphics/SVG/">raccomandazione del W3C</a>sere una <a class="external" href="http://www.w3.org/Graphics/SVG
>> e il fatto che SVG è basato su XML, mentre Flash si basa su un >/">raccomandazione W3C</a> (vale a dire, uno standard a tutti gli
>formato binario chiuso. SVG è progettato esplicitamente per lavor> effetti) e che è basato su XML anzichè essere un formato binario
>are insieme agli altri standard del W3C, come <a href="/it/docs/C> proprietario. E' esplicitamente progettato per lavorare con altr
>SS">CSS</a>, <a href="/it/docs/DOM">DOM</a> e <a class="external">i standard <a href="http://www.w3.org/">W3C</a> quali <a href="/i
> href="http://www.w3.org/AudioVideo/">SMIL</a>.>t/docs/CSS">CSS</a>, <a href="/it/docs/DOM">DOM</a> e <a class="e
 >xternal" href="http://www.w3.org/AudioVideo/">SMIL</a>.
nn16      <div class="cleared row topicpage-table">
17        <div class="section">
18          <h2 class="Documentation" id="Documentation">
19            Documentazion
20          </h2>
21          <dl>
22            <dt>
23              <a href="https://developer.mozilla.org/en-US/docs/S
 >VG/Element" title="SVG/Element">Riferimento degli elementi SVG</a
 >>
24            </dt>
25            <dd>
26              Ottieni i dettagli di ogni elemento SVG.
27            </dd>
28            <dt>
29              <a href="https://developer.mozilla.org/en-US/docs/S
 >VG/Attribute" title="SVG/Attribute">Riferimento degli attributi S
 >VG</a>
30            </dt>
31            <dd>
32              Ottieni i dettagli di ogni attributo SVG.
33            </dd>
34            <dt>
35              <a href="https://developer.mozilla.org/en-US/docs/G
 >ecko_DOM_Reference#SVG_interfaces" title="Gecko_DOM_Reference#SVG
 >_interfaces">Riferimento alle API nel DOM di SVG</a>
36            </dt>
37            <dd>
38              Ottieni i dettagli sull'intra API nel DOM di SVG.
39            </dd>
40            <dt>
41              Migliora il contenuto HTML
42            </dt>
43            <dd>
44              SVG opera insieme ad HTML, CSS e JavaScript. Utiliz
 >za SVG per una comune pagna HTML o un'apllicazione web.
45            </dd>
46            <dt>
47              SVG in Mozilla
48            </dt>
49            <dd>
50              Note e informazioni su come SVG è implementato in M
 >ozilla.
51              <ul>
52                <li>
53                  <a href="https://developer.mozilla.org/en-US/do
 >cs/SVG_in_Firefox" title="SVG_in_Firefox">Quanto è implementato S
 >VG in Firefox</a>
54                </li>
55                <li>
56                  <a href="https://developer.mozilla.org/en-US/do
 >cs/SVG_in_Firefox" title="SVG_in_Firefox">Esercitazione sul come 
 >utilizzare</a> <a href="https://developer.mozilla.org/en-US/docs/
 >SVG_In_HTML_Introduction" title="SVG_In_HTML_Introduction">SVG in
 > XHTML</a>
57                </li>
58              </ul>
59            </dd>
60          </dl>
61          <p>
62            <span class="alllinks"><a href="https://developer.moz
 >illa.org/en-US/docs/tag/SVG" title="tag/SVG">Vedi Tutto...</a></s
 >pan>
63          </p>
64          <h2 class="Community" id="Community">
65            Comunità
66          </h2>
67          <ul>
68            <li>Vedi i forum di Mozilla... {{DiscussionList("dev-
 >tech-svg", "mozilla.dev.tech.svg")}}
69            </li>
70          </ul>
71          <h2 class="Tools" id="Tools">
72            Strumenti
73          </h2>
74          <ul>
75            <li>
76              <a href="http://www.w3.org/Graphics/SVG/Test/">Suit
 >e di prova per SVG</a>
77            </li>
78            <li>
79              <a href="http://jiggles.w3.org/svgvalidator/">SVG V
 >alidator</a> (Cessato)
80            </li>
81            <li>
82              <a href="https://developer.mozilla.org/en-US/docs/t
 >ag/SVG:Tools" title="tag/SVG:Tools">Ulteriori Strumenti...</a>
83            </li>
84            <li>Altre risorse: <a href="https://developer.mozilla
 >.org/en-US/docs/XML" title="XML">XML</a>, <a href="https://develo
 >per.mozilla.org/en-US/docs/CSS" title="CSS">CSS</a>, <a href="htt
 >ps://developer.mozilla.org/en-US/docs/DOM" title="DOM">DOM</a>, <
 >a href="https://developer.mozilla.org/en-US/docs/HTML/Canvas" tit
 >le="HTML/Canvas">Canvas</a>
85            </li>
86          </ul>
87        </div>
88        <div class="section">
89          <h2 class="Related_Topics" id="Examples">
90            Esempi
91          </h2>
92          <ul>
93            <li>Google <a href="http://maps.google.com">Maps</a> 
 >(sovrapposizione del percorso) &amp; <a href="http://docs.google.
 >com">Docs</a> (grafici dei fogli di calcolo)
94            </li>
95            <li>
96              <a href="http://starkravingfinkle.org/projects/demo
 >/svg-bubblemenu-in-html.xml">SVG menu a bolle</a>
97            </li>
98            <li>
99              <a href="http://jwatt.org/svg/authoring/">Linee gui
 >da SVG per autori</a>
100            </li>
101            <li>Una panoramica del <a href="https://developer.moz
 >illa.org/en-US/docs/Mozilla_SVG_Project" title="Mozilla_SVG_Proje
 >ct">Progetto SVG di Mozilla</a>
102            </li>
103            <li>
104              <a href="https://developer.mozilla.org/en-US/docs/S
 >VG/FAQ" title="SVG/FAQ">Domande e risposte frequenti</a> su SVG e
 > Mozilla
105            </li>
106            <li>Diapositive e dimostrazioni da SVG Open 2009 su <
 >a href="http://jwatt.org/svg-open-US/docs/2009/slides.xhtml" titl
 >e="http://jwatt.org/svg-open-US/docs/2009/slides.xhtml">SVG e Moz
 >illa</a>
107            </li>
108            <li>
109              <a href="https://developer.mozilla.org/en-US/docs/S
 >VG/SVG_as_an_Image" title="SVG/SVG as an Image">SVG come immagine
 ></a>
110            </li>
111            <li>
112              <a href="https://developer.mozilla.org/en-US/docs/S
 >VG/SVG_animation_with_SMIL" title="SVG/SVG animation with SMIL">A
 >nmazione SVG con SMIL</a>
113            </li>
114            <li>
115              <a href="http://croczilla.com/bits_and_pieces/svg/s
 >amples/lion/lion.svg" title="http://croczilla.com/bits_and_pieces
 >/svg/samples/lion/lion.svg">Lion</a>, <a href="http://croczilla.c
 >om/bits_and_pieces/svg/samples/butterfly/butterfly.svg" title="ht
 >tp://croczilla.com/bits_and_pieces/svg/samples/butterfly/butterfl
 >y.svg">Butterfly</a> &amp; <a href="http://croczilla.com/bits_and
 >_pieces/svg/samples/tiger/tiger.svg" title="http://croczilla.com/
 >bits_and_pieces/svg/samples/tiger/tiger.svg">Tiger</a>
116            </li>
117            <li>
118              <a href="http://plurib.us/1shot/2007/svg_gallery/">
 >Galleria d'arte SVG</a>
119            </li>
120            <li>Ulteriori esempi (<a href="http://croczilla.com/b
 >its_and_pieces/svg/samples" title="http://croczilla.com/bits_and_
 >pieces/svg/samples">Esempi SVG croczilla.com</a>, <a href="http:/
 >/www.carto.net/papers/svg/samples/">carto.net</a>)
121            </li>
122          </ul>
123          <h3>
124            Animazione e interazione
125          </h3>
126          <p>
127            Come HTML, SVG ha un modello di documento a oggetti (
 >DOM) ed events accessibili via JavaScript. Ciò permette agli svil
 >uppatori di creare ricche immagini animate ed interattive.
128          </p>
129          <ul>
130            <li>Alcuni realmente gustosi SVG da <a href="http://s
 >vg-wow.org/" title="http://svg-wow.org/">svg-wow.org</a>
131            </li>
132            <li>Estensione di Firefox (<a href="http://schepers.c
 >c/grafox/">Grafox</a>) per aggiungere un sottoinsieme del support
 >o per animazioni di SMIL
133            </li>
134            <li>Manipolazione interattiva di <a href="http://peop
 >le.mozilla.com/%7Evladimir/demos/photos.svg">foto</a>
135            </li>
136            <li>
137              <a href="http://starkravingfinkle.org/blog/2007/07/
 >firefox-3-svg-foreignobject/">Trasformazioni HTML</a> utilizzando
 > <code>foreignObject</code> di SVG
138            </li>
139            <li>
140              <a href="http://lab.vodafone.com/vienna/">Arte anim
 >ata</a>
141            </li>
142          </ul>
143          <h3>
144            Mappe, grafici, giochi ed sperimentazioni&nbsp; 3D
145          </h3>
146          <p>
147            Se un piccolo SVG può fare tanta strada per migliorar
 >e il contenuto del web, ecco qualche esempio di uso intensivo di 
 >SVG.
148          </p>
149          <ul>
150            <li>
151              <a href="http://www.codedread.com/yastframe.php">Un
 > Tetris SVG</a> &amp; <a href="http://www.treebuilder.de/svg/conn
 >ect4.svg">Connect 4</a>
152            </li>
153            <li>
154              <a href="http://files.myopera.com/orinoco/svg/USSta
 >tes.svg">Gioco Find the State</a>
155            </li>
156            <li>
157              <a href="http://www.carto.net/papers/svg/us_populat
 >ion/index.html">Mappa della popolazione degli US</a>
158            </li>
159            <li>
160              <a href="http://www.treebuilder.de/default.asp?file
 >=441875.xml">Scatola 3D</a> e <a href="http://www.treebuilder.de/
 >default.asp?file=206524.xml">Scatole 3D</a>
161            </li>
162            <li>
163              <a href="http://jvectormap.com/" title="http://jvec
 >tormap.com/">jVectorMap</a> (mappe interattive per la visualizzaz
 >ione dati)
164            </li>
165          </ul>
166        </div>
167      </div>
168      <div>
169        {{HTML5ArticleTOC}}<a href="http://www.w3.org/AudioVideo/
 >">SMIL</a>.
170      </div>
t20    <table class="topicpage-table">t172    <p>
21      <tbody>
22        <tr>
23          <td>
24            <h2 id="Documentazione" name="Documentazione" class="
>Documentation"> 
25              Documentazione
26            </h2>
27            <dl>
28              <dt>
29                <a href="/it/docs/SVG_in_Firefox_1.5">SVG in Fire
>fox 1.5</a> 
30              </dt>
31              <dd>
32                Questo articolo descrive il sottoinsieme della sp
>ecifica 1.1 che è attualmente implementato da Firefox 1.5. 
33              </dd>
34              <dt>
35                <a href="/it/docs/Introduzione_a_SVG_dentro_XHTML
>">Introduzione a SVG dentro XHTML</a> 
36              </dt>
37              <dd>
38                Questo articolo mostra come utilizzare SVG incorp
>orato in una pagina HTML per inserire un'immagine di sfondo in un 
> form. Mostra anche come utilizzare JavaScript e i CSS per manipo 
>lare l'immagine nello stesso modo in cui si manipola una normale  
>porzione di codice XHTML. 
39              </dd>
40              <dt>
41                <a class="external" href="http://jwatt.org/svg/au
>thoring/">Linee guida per scrivere in SVG</a> 
42              </dt>
43              <dd>
44                jwatt illustra qui alcuni errori comuni e spiega 
>cosa dovrebbero fare gli sviluppatori per evitarli. 
45              </dd>
46              <dt>
47                <a class="external" href="http://www.mozilla.org/
>projects/svg/faq.html">Mozilla SVG Project FAQ</a> (EN) 
48              </dt>
49              <dd>
50                Questa FAQ originariamente è stata pensata per ri
>spondere a molte domande trovate sul newsgroup mozilla.dev.tech.s 
>vg e sui forum di discussione di forums.mozillazine.org, circa l' 
>implementazione di SVG in Mozilla. 
51              </dd>
52            </dl>
53          </td>
54          <td>
55            <h2 id="Strumenti" name="Strumenti" class="Tools">
56              Strumenti
57            </h2>
58            <ul>
59              <li>
60                <a class="external" href="http://www.w3.org/Graph
>ics/SVG/Test/">SVG Test Suite</a> 
61              </li>
62              <li>
63                <a class="external" href="http://jiggles.w3.org/s
>vgvalidator/">SVG Validator</a> 
64              </li>
65            </ul>
66            <h2 id="Argomenti_correlati" name="Argomenti_correlat
>i" class="Related_Topics"> 
67              Argomenti correlati
68            </h2>
69            <ul>
70              <li>
71                <a href="/it/docs/XML">XML</a>
72              </li>
73            </ul>
74          </td>
75        </tr>
76      </tbody>
77    </table><!-- Interwiki Language Links -->173      <!-- Interwiki Language Links -->
174    </p>

Torna allo storico