CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-available" lang="it" dir="ltr"> <head> <meta charset="UTF-8"> <title>Scalable Vector Graphics - Wikipedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )itwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","gennaio","febbraio","marzo","aprile","maggio","giugno","luglio","agosto","settembre","ottobre","novembre","dicembre"],"wgRequestId":"8aad5fe0-7adc-4828-abb2-a8898a90643a","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Scalable_Vector_Graphics","wgTitle":"Scalable Vector Graphics","wgCurRevisionId":139286329,"wgRevisionId":139286329,"wgArticleId":50718,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Informazioni senza fonte","P856 letta da Wikidata","P1417 letta da Wikidata","Voci con template Collegamenti esterni e qualificatori sconosciuti","P1324 letta da Wikidata","Voci con codice LCCN","Voci con codice GND","Voci con codice BNF","Voci con codice J9U","Voci non biografiche con codici di controllo di autorità","Formati di file grafici","Standard W3C","Standard informatici basati su XML","Formati aperti","HTML5"], "wgPageViewLanguage":"it","wgPageContentLanguage":"it","wgPageContentModel":"wikitext","wgRelevantPageName":"Scalable_Vector_Graphics","wgRelevantArticleId":50718,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"it","pageLanguageDir":"ltr","pageVariantFallbacks":"it"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":20000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q2078","wgCheckUserClientHintsHeadersJsApi":[ "brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.gadget.coloriDarkMode-default":"ready","ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","ext.pygments":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","jquery.tablesorter.styles":"ready","jquery.makeCollapsible.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","ext.pygments.view","mediawiki.page.media","site", "mediawiki.page.ready","jquery.tablesorter","jquery.makeCollapsible","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.MainPageWikiList","ext.gadget.stru-commonsupload","ext.gadget.HiddenCat","ext.gadget.ReferenceTooltips","ext.gadget.TitoloErrato","ext.gadget.NewSection","ext.gadget.RichiediRevisioneBozza","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.growthExperiments.SuggestedEditSession","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=it&modules=ext.cite.styles%7Cext.pygments%2CwikimediaBadges%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cjquery.makeCollapsible.styles%7Cjquery.tablesorter.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=it&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=it&modules=ext.gadget.coloriDarkMode-default&only=styles&skin=vector-2022"> <link rel="stylesheet" href="/w/load.php?lang=it&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.5"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Example_of_SVG_code_and_SVG_rendering.svg/1200px-Example_of_SVG_code_and_SVG_rendering.svg.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="442"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Example_of_SVG_code_and_SVG_rendering.svg/800px-Example_of_SVG_code_and_SVG_rendering.svg.png"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="295"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Example_of_SVG_code_and_SVG_rendering.svg/640px-Example_of_SVG_code_and_SVG_rendering.svg.png"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="236"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Scalable Vector Graphics - Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//it.m.wikipedia.org/wiki/Scalable_Vector_Graphics"> <link rel="alternate" type="application/x-wiki" title="Modifica" href="/w/index.php?title=Scalable_Vector_Graphics&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (it)"> <link rel="EditURI" type="application/rsd+xml" href="//it.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://it.wikipedia.org/wiki/Scalable_Vector_Graphics"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.it"> <link rel="alternate" type="application/atom+xml" title="Feed Atom di Wikipedia" href="/w/index.php?title=Speciale:UltimeModifiche&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-Scalable_Vector_Graphics rootpage-Scalable_Vector_Graphics skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Vai al contenuto</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Sito"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Menu principale" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Menu principale</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Menu principale</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">sposta nella barra laterale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">nascondi</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigazione </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Pagina_principale" title="Visita la pagina principale [z]" accesskey="z"><span>Pagina principale</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Speciale:UltimeModifiche" title="Elenco delle ultime modifiche del sito [r]" accesskey="r"><span>Ultime modifiche</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Speciale:PaginaCasuale" title="Mostra una pagina a caso [x]" accesskey="x"><span>Una voce a caso</span></a></li><li id="n-nearby-pages-title" class="mw-list-item"><a href="/wiki/Speciale:NelleVicinanze"><span>Nelle vicinanze</span></a></li><li id="n-vetrina" class="mw-list-item"><a href="/wiki/Wikipedia:Vetrina"><span>Vetrina</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Aiuto:Aiuto" title="Pagine di aiuto"><span>Aiuto</span></a></li><li id="n-Sportello-informazioni" class="mw-list-item"><a href="/wiki/Aiuto:Sportello_informazioni"><span>Sportello informazioni</span></a></li> </ul> </div> </div> <div id="p-Comunità" class="vector-menu mw-portlet mw-portlet-Comunità" > <div class="vector-menu-heading"> Comunità </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-portal" class="mw-list-item"><a href="/wiki/Portale:Comunit%C3%A0" title="Descrizione del progetto, cosa puoi fare, dove trovare le cose"><span>Portale Comunità</span></a></li><li id="n-villagepump" class="mw-list-item"><a href="/wiki/Wikipedia:Bar"><span>Bar</span></a></li><li id="n-wikipediano" class="mw-list-item"><a href="/wiki/Wikipedia:Wikipediano"><span>Il Wikipediano</span></a></li><li id="n-contactpage" class="mw-list-item"><a href="/wiki/Wikipedia:Contatti"><span>Contatti</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Pagina_principale" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="L'enciclopedia libera" src="/static/images/mobile/copyright/wikipedia-tagline-it.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Speciale:Ricerca" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Cerca in Wikipedia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Ricerca</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Cerca in Wikipedia" aria-label="Cerca in Wikipedia" autocapitalize="sentences" title="Cerca in Wikipedia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Speciale:Ricerca"> </div> <button class="cdx-button cdx-search-input__end-button">Ricerca</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Strumenti personali"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Aspetto"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Modifica la dimensione, la larghezza e il colore del testo" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Aspetto" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Aspetto</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_it.wikipedia.org&uselang=it" class=""><span>Fai una donazione</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Speciale:CreaUtenza&returnto=Scalable+Vector+Graphics" title="Si consiglia di registrarsi e di effettuare l'accesso, anche se non è obbligatorio" class=""><span>registrati</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Speciale:Entra&returnto=Scalable+Vector+Graphics" title="Si consiglia di effettuare l'accesso, anche se non è obbligatorio [o]" accesskey="o" class=""><span>entra</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Altre opzioni" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Strumenti personali" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Strumenti personali</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Menu utente" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_it.wikipedia.org&uselang=it"><span>Fai una donazione</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Speciale:CreaUtenza&returnto=Scalable+Vector+Graphics" title="Si consiglia di registrarsi e di effettuare l'accesso, anche se non è obbligatorio"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>registrati</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Speciale:Entra&returnto=Scalable+Vector+Graphics" title="Si consiglia di effettuare l'accesso, anche se non è obbligatorio [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>entra</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pagine per utenti anonimi <a href="/wiki/Aiuto:Benvenuto" aria-label="Ulteriori informazioni sulla contribuzione"><span>ulteriori informazioni</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Speciale:MieiContributi" title="Un elenco delle modifiche fatte da questo indirizzo IP [y]" accesskey="y"><span>contributi</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Speciale:MieDiscussioni" title="Discussioni sulle modifiche fatte da questo indirizzo IP [n]" accesskey="n"><span>discussioni</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Sito"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Indice" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Indice</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">sposta nella barra laterale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">nascondi</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Inizio</div> </a> </li> <li id="toc-Situazione" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Situazione"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Situazione</span> </div> </a> <ul id="toc-Situazione-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Caratteristiche" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Caratteristiche"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Caratteristiche</span> </div> </a> <ul id="toc-Caratteristiche-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Utilizzo" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Utilizzo"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Utilizzo</span> </div> </a> <ul id="toc-Utilizzo-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Grafica_vettoriale_scalabile" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Grafica_vettoriale_scalabile"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Grafica vettoriale scalabile</span> </div> </a> <ul id="toc-Grafica_vettoriale_scalabile-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Programmi_per_la_creazione_di_svg" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Programmi_per_la_creazione_di_svg"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Programmi per la creazione di svg</span> </div> </a> <ul id="toc-Programmi_per_la_creazione_di_svg-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-HTML5" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#HTML5"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>HTML5</span> </div> </a> <button aria-controls="toc-HTML5-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Attiva/disattiva la sottosezione HTML5</span> </button> <ul id="toc-HTML5-sublist" class="vector-toc-list"> <li id="toc-Differenze_tra_SVG_e_Canvas" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Differenze_tra_SVG_e_Canvas"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.1</span> <span>Differenze tra SVG e Canvas</span> </div> </a> <ul id="toc-Differenze_tra_SVG_e_Canvas-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Caratteri" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Caratteri"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.2</span> <span>Caratteri</span> </div> </a> <ul id="toc-Caratteri-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Collegamenti" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Collegamenti"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.3</span> <span>Collegamenti</span> </div> </a> <ul id="toc-Collegamenti-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Scripting_e_animazione" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Scripting_e_animazione"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.4</span> <span>Scripting e animazione</span> </div> </a> <ul id="toc-Scripting_e_animazione-sublist" class="vector-toc-list"> <li id="toc-Animazione_SVG_utilizzando_SMIL" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Animazione_SVG_utilizzando_SMIL"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.4.1</span> <span>Animazione SVG utilizzando SMIL</span> </div> </a> <ul id="toc-Animazione_SVG_utilizzando_SMIL-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Animazione_SVG_usando_CSS3" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Animazione_SVG_usando_CSS3"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.4.2</span> <span>Animazione SVG usando CSS3</span> </div> </a> <ul id="toc-Animazione_SVG_usando_CSS3-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Animazione_SVG_usando_ECMAScript" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Animazione_SVG_usando_ECMAScript"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.4.3</span> <span>Animazione SVG usando ECMAScript</span> </div> </a> <ul id="toc-Animazione_SVG_usando_ECMAScript-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Dati_Exif" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Dati_Exif"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.5</span> <span>Dati Exif</span> </div> </a> <ul id="toc-Dati_Exif-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Immagini_raster_in_SVG" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Immagini_raster_in_SVG"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.6</span> <span>Immagini raster in SVG</span> </div> </a> <ul id="toc-Immagini_raster_in_SVG-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Uso_dei_CSS" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Uso_dei_CSS"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.7</span> <span>Uso dei CSS</span> </div> </a> <ul id="toc-Uso_dei_CSS-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Browser_che_supportano_il_formato_svg_e_svgz" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Browser_che_supportano_il_formato_svg_e_svgz"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span> <span>Browser che supportano il formato svg e svgz</span> </div> </a> <ul id="toc-Browser_che_supportano_il_formato_svg_e_svgz-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Note" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Note"> <div class="vector-toc-text"> <span class="vector-toc-numb">8</span> <span>Note</span> </div> </a> <ul id="toc-Note-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Bibliografia" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Bibliografia"> <div class="vector-toc-text"> <span class="vector-toc-numb">9</span> <span>Bibliografia</span> </div> </a> <ul id="toc-Bibliografia-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Voci_correlate" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Voci_correlate"> <div class="vector-toc-text"> <span class="vector-toc-numb">10</span> <span>Voci correlate</span> </div> </a> <ul id="toc-Voci_correlate-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Altri_progetti" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Altri_progetti"> <div class="vector-toc-text"> <span class="vector-toc-numb">11</span> <span>Altri progetti</span> </div> </a> <ul id="toc-Altri_progetti-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Collegamenti_esterni" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Collegamenti_esterni"> <div class="vector-toc-text"> <span class="vector-toc-numb">12</span> <span>Collegamenti esterni</span> </div> </a> <ul id="toc-Collegamenti_esterni-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Indice" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Mostra/Nascondi l'indice" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Mostra/Nascondi l'indice</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Scalable Vector Graphics</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Vai a una voce in un'altra lingua. Disponibile in 63 lingue" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-63" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">63 lingue</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-als mw-list-item"><a href="https://als.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - tedesco svizzero" lang="gsw" hreflang="gsw" data-title="Scalable Vector Graphics" data-language-autonym="Alemannisch" data-language-local-name="tedesco svizzero" class="interlanguage-link-target"><span>Alemannisch</span></a></li><li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D8%B1%D8%B3%D9%88%D9%85%D9%8A%D8%A7%D8%AA_%D9%85%D8%AA%D8%AC%D9%87%D9%8A%D8%A9_%D9%82%D8%A7%D8%A8%D9%84%D8%A9_%D9%84%D9%84%D8%AA%D9%85%D8%AF%D9%8A%D8%AF" title="رسوميات متجهية قابلة للتمديد - arabo" lang="ar" hreflang="ar" data-title="رسوميات متجهية قابلة للتمديد" data-language-autonym="العربية" data-language-local-name="arabo" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-az mw-list-item"><a href="https://az.wikipedia.org/wiki/SVG" title="SVG - azerbaigiano" lang="az" hreflang="az" data-title="SVG" data-language-autonym="Azərbaycanca" data-language-local-name="azerbaigiano" class="interlanguage-link-target"><span>Azərbaycanca</span></a></li><li class="interlanguage-link interwiki-bat-smg mw-list-item"><a href="https://bat-smg.wikipedia.org/wiki/SVG" title="SVG - samogitico" lang="sgs" hreflang="sgs" data-title="SVG" data-language-autonym="Žemaitėška" data-language-local-name="samogitico" class="interlanguage-link-target"><span>Žemaitėška</span></a></li><li class="interlanguage-link interwiki-bcl mw-list-item"><a href="https://bcl.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - Central Bikol" lang="bcl" hreflang="bcl" data-title="Scalable Vector Graphics" data-language-autonym="Bikol Central" data-language-local-name="Central Bikol" class="interlanguage-link-target"><span>Bikol Central</span></a></li><li class="interlanguage-link interwiki-be mw-list-item"><a href="https://be.wikipedia.org/wiki/SVG" title="SVG - bielorusso" lang="be" hreflang="be" data-title="SVG" data-language-autonym="Беларуская" data-language-local-name="bielorusso" class="interlanguage-link-target"><span>Беларуская</span></a></li><li class="interlanguage-link interwiki-bg mw-list-item"><a href="https://bg.wikipedia.org/wiki/SVG" title="SVG - bulgaro" lang="bg" hreflang="bg" data-title="SVG" data-language-autonym="Български" data-language-local-name="bulgaro" class="interlanguage-link-target"><span>Български</span></a></li><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikipedia.org/wiki/%E0%A6%B8%E0%A7%8D%E0%A6%95%E0%A7%87%E0%A6%B2%E0%A7%87%E0%A6%AC%E0%A6%B2_%E0%A6%AD%E0%A7%87%E0%A6%95%E0%A7%8D%E0%A6%9F%E0%A6%B0_%E0%A6%97%E0%A7%8D%E0%A6%B0%E0%A6%BE%E0%A6%AB%E0%A6%BF%E0%A6%95%E0%A7%8D%E0%A6%B8" title="স্কেলেবল ভেক্টর গ্রাফিক্স - bengalese" lang="bn" hreflang="bn" data-title="স্কেলেবল ভেক্টর গ্রাফিক্স" data-language-autonym="বাংলা" data-language-local-name="bengalese" class="interlanguage-link-target"><span>বাংলা</span></a></li><li class="interlanguage-link interwiki-bs mw-list-item"><a href="https://bs.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - bosniaco" lang="bs" hreflang="bs" data-title="Scalable Vector Graphics" data-language-autonym="Bosanski" data-language-local-name="bosniaco" class="interlanguage-link-target"><span>Bosanski</span></a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - catalano" lang="ca" hreflang="ca" data-title="Scalable Vector Graphics" data-language-autonym="Català" data-language-local-name="catalano" class="interlanguage-link-target"><span>Català</span></a></li><li class="interlanguage-link interwiki-cs mw-list-item"><a href="https://cs.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - ceco" lang="cs" hreflang="cs" data-title="Scalable Vector Graphics" data-language-autonym="Čeština" data-language-local-name="ceco" class="interlanguage-link-target"><span>Čeština</span></a></li><li class="interlanguage-link interwiki-cy mw-list-item"><a href="https://cy.wikipedia.org/wiki/SVG" title="SVG - gallese" lang="cy" hreflang="cy" data-title="SVG" data-language-autonym="Cymraeg" data-language-local-name="gallese" class="interlanguage-link-target"><span>Cymraeg</span></a></li><li class="interlanguage-link interwiki-da mw-list-item"><a href="https://da.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - danese" lang="da" hreflang="da" data-title="Scalable Vector Graphics" data-language-autonym="Dansk" data-language-local-name="danese" class="interlanguage-link-target"><span>Dansk</span></a></li><li class="interlanguage-link interwiki-de badge-Q17437798 badge-goodarticle mw-list-item" title="voce di qualità"><a href="https://de.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - tedesco" lang="de" hreflang="de" data-title="Scalable Vector Graphics" data-language-autonym="Deutsch" data-language-local-name="tedesco" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/SVG" title="SVG - inglese" lang="en" hreflang="en" data-title="SVG" data-language-autonym="English" data-language-local-name="inglese" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-eo mw-list-item"><a href="https://eo.wikipedia.org/wiki/Streka_vari-skala_grafika%C4%B5o" title="Streka vari-skala grafikaĵo - esperanto" lang="eo" hreflang="eo" data-title="Streka vari-skala grafikaĵo" data-language-autonym="Esperanto" data-language-local-name="esperanto" class="interlanguage-link-target"><span>Esperanto</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/Gr%C3%A1ficos_vectoriales_escalables" title="Gráficos vectoriales escalables - spagnolo" lang="es" hreflang="es" data-title="Gráficos vectoriales escalables" data-language-autonym="Español" data-language-local-name="spagnolo" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-et mw-list-item"><a href="https://et.wikipedia.org/wiki/SVG" title="SVG - estone" lang="et" hreflang="et" data-title="SVG" data-language-autonym="Eesti" data-language-local-name="estone" class="interlanguage-link-target"><span>Eesti</span></a></li><li class="interlanguage-link interwiki-eu mw-list-item"><a href="https://eu.wikipedia.org/wiki/SVG" title="SVG - basco" lang="eu" hreflang="eu" data-title="SVG" data-language-autonym="Euskara" data-language-local-name="basco" class="interlanguage-link-target"><span>Euskara</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D8%A7%D8%B3%E2%80%8C%D9%88%DB%8C%E2%80%8C%D8%AC%DB%8C" title="اس‌وی‌جی - persiano" lang="fa" hreflang="fa" data-title="اس‌وی‌جی" data-language-autonym="فارسی" data-language-local-name="persiano" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/SVG" title="SVG - finlandese" lang="fi" hreflang="fi" data-title="SVG" data-language-autonym="Suomi" data-language-local-name="finlandese" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - francese" lang="fr" hreflang="fr" data-title="Scalable Vector Graphics" data-language-autonym="Français" data-language-local-name="francese" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-ga mw-list-item"><a href="https://ga.wikipedia.org/wiki/SVG" title="SVG - irlandese" lang="ga" hreflang="ga" data-title="SVG" data-language-autonym="Gaeilge" data-language-local-name="irlandese" class="interlanguage-link-target"><span>Gaeilge</span></a></li><li class="interlanguage-link interwiki-gl mw-list-item"><a href="https://gl.wikipedia.org/wiki/SVG" title="SVG - galiziano" lang="gl" hreflang="gl" data-title="SVG" data-language-autonym="Galego" data-language-local-name="galiziano" class="interlanguage-link-target"><span>Galego</span></a></li><li class="interlanguage-link interwiki-he mw-list-item"><a href="https://he.wikipedia.org/wiki/SVG" title="SVG - ebraico" lang="he" hreflang="he" data-title="SVG" data-language-autonym="עברית" data-language-local-name="ebraico" class="interlanguage-link-target"><span>עברית</span></a></li><li class="interlanguage-link interwiki-hi mw-list-item"><a href="https://hi.wikipedia.org/wiki/%E0%A4%B8%E0%A5%8D%E0%A4%95%E0%A5%87%E0%A4%B2%E0%A5%87%E0%A4%AC%E0%A5%81%E0%A4%B2_%E0%A4%B5%E0%A5%87%E0%A4%95%E0%A5%8D%E0%A4%9F%E0%A4%B0_%E0%A4%97%E0%A5%8D%E0%A4%B0%E0%A4%BE%E0%A4%AB%E0%A4%BF%E0%A4%95%E0%A5%8D%E0%A4%B8" title="स्केलेबुल वेक्टर ग्राफिक्स - hindi" lang="hi" hreflang="hi" data-title="स्केलेबुल वेक्टर ग्राफिक्स" data-language-autonym="हिन्दी" data-language-local-name="hindi" class="interlanguage-link-target"><span>हिन्दी</span></a></li><li class="interlanguage-link interwiki-hr mw-list-item"><a href="https://hr.wikipedia.org/wiki/SVG" title="SVG - croato" lang="hr" hreflang="hr" data-title="SVG" data-language-autonym="Hrvatski" data-language-local-name="croato" class="interlanguage-link-target"><span>Hrvatski</span></a></li><li class="interlanguage-link interwiki-hu mw-list-item"><a href="https://hu.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - ungherese" lang="hu" hreflang="hu" data-title="Scalable Vector Graphics" data-language-autonym="Magyar" data-language-local-name="ungherese" class="interlanguage-link-target"><span>Magyar</span></a></li><li class="interlanguage-link interwiki-hy mw-list-item"><a href="https://hy.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - armeno" lang="hy" hreflang="hy" data-title="Scalable Vector Graphics" data-language-autonym="Հայերեն" data-language-local-name="armeno" class="interlanguage-link-target"><span>Հայերեն</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - indonesiano" lang="id" hreflang="id" data-title="Scalable Vector Graphics" data-language-autonym="Bahasa Indonesia" data-language-local-name="indonesiano" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-is mw-list-item"><a href="https://is.wikipedia.org/wiki/SVG" title="SVG - islandese" lang="is" hreflang="is" data-title="SVG" data-language-autonym="Íslenska" data-language-local-name="islandese" class="interlanguage-link-target"><span>Íslenska</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - giapponese" lang="ja" hreflang="ja" data-title="Scalable Vector Graphics" data-language-autonym="日本語" data-language-local-name="giapponese" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-ka mw-list-item"><a href="https://ka.wikipedia.org/wiki/%E1%83%9B%E1%83%90%E1%83%A1%E1%83%A8%E1%83%A2%E1%83%90%E1%83%91%E1%83%98%E1%83%A0%E1%83%94%E1%83%91%E1%83%90%E1%83%93%E1%83%98_%E1%83%95%E1%83%94%E1%83%A5%E1%83%A2%E1%83%9D%E1%83%A0%E1%83%A3%E1%83%9A%E1%83%98_%E1%83%92%E1%83%A0%E1%83%90%E1%83%A4%E1%83%98%E1%83%99%E1%83%90" title="მასშტაბირებადი ვექტორული გრაფიკა - georgiano" lang="ka" hreflang="ka" data-title="მასშტაბირებადი ვექტორული გრაფიკა" data-language-autonym="ქართული" data-language-local-name="georgiano" class="interlanguage-link-target"><span>ქართული</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/%EC%8A%A4%EC%BC%80%EC%9D%BC%EB%9F%AC%EB%B8%94_%EB%B2%A1%ED%84%B0_%EA%B7%B8%EB%9E%98%ED%94%BD%EC%8A%A4" title="스케일러블 벡터 그래픽스 - coreano" lang="ko" hreflang="ko" data-title="스케일러블 벡터 그래픽스" data-language-autonym="한국어" data-language-local-name="coreano" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-ksh mw-list-item"><a href="https://ksh.wikipedia.org/wiki/Skal%C4%97erbaa_V%C3%ABkkto%C9%99r-Jraffikk" title="Skalėerbaa Vëkktoər-Jraffikk - coloniese" lang="ksh" hreflang="ksh" data-title="Skalėerbaa Vëkktoər-Jraffikk" data-language-autonym="Ripoarisch" data-language-local-name="coloniese" class="interlanguage-link-target"><span>Ripoarisch</span></a></li><li class="interlanguage-link interwiki-lt mw-list-item"><a href="https://lt.wikipedia.org/wiki/SVG" title="SVG - lituano" lang="lt" hreflang="lt" data-title="SVG" data-language-autonym="Lietuvių" data-language-local-name="lituano" class="interlanguage-link-target"><span>Lietuvių</span></a></li><li class="interlanguage-link interwiki-lv mw-list-item"><a href="https://lv.wikipedia.org/wiki/M%C4%93rogojama_vektoru_grafika" title="Mērogojama vektoru grafika - lettone" lang="lv" hreflang="lv" data-title="Mērogojama vektoru grafika" data-language-autonym="Latviešu" data-language-local-name="lettone" class="interlanguage-link-target"><span>Latviešu</span></a></li><li class="interlanguage-link interwiki-mk mw-list-item"><a href="https://mk.wikipedia.org/wiki/SVG" title="SVG - macedone" lang="mk" hreflang="mk" data-title="SVG" data-language-autonym="Македонски" data-language-local-name="macedone" class="interlanguage-link-target"><span>Македонски</span></a></li><li class="interlanguage-link interwiki-ml mw-list-item"><a href="https://ml.wikipedia.org/wiki/%E0%B4%B8%E0%B5%8D%E0%B4%95%E0%B5%87%E0%B4%B2%E0%B4%AC%E0%B4%BF%E0%B5%BE_%E0%B4%B5%E0%B5%86%E0%B4%95%E0%B5%8D%E0%B4%9F%E0%B5%BC_%E0%B4%97%E0%B5%8D%E0%B4%B0%E0%B4%BE%E0%B4%AB%E0%B4%BF%E0%B4%95%E0%B5%8D%E0%B4%B8%E0%B5%8D" title="സ്കേലബിൾ വെക്ടർ ഗ്രാഫിക്സ് - malayalam" lang="ml" hreflang="ml" data-title="സ്കേലബിൾ വെക്ടർ ഗ്രാഫിക്സ്" data-language-autonym="മലയാളം" data-language-local-name="malayalam" class="interlanguage-link-target"><span>മലയാളം</span></a></li><li class="interlanguage-link interwiki-ms mw-list-item"><a href="https://ms.wikipedia.org/wiki/SVG" title="SVG - malese" lang="ms" hreflang="ms" data-title="SVG" data-language-autonym="Bahasa Melayu" data-language-local-name="malese" class="interlanguage-link-target"><span>Bahasa Melayu</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - olandese" lang="nl" hreflang="nl" data-title="Scalable Vector Graphics" data-language-autonym="Nederlands" data-language-local-name="olandese" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-no mw-list-item"><a href="https://no.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - norvegese bokmål" lang="nb" hreflang="nb" data-title="Scalable Vector Graphics" data-language-autonym="Norsk bokmål" data-language-local-name="norvegese bokmål" class="interlanguage-link-target"><span>Norsk bokmål</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - polacco" lang="pl" hreflang="pl" data-title="Scalable Vector Graphics" data-language-autonym="Polski" data-language-local-name="polacco" class="interlanguage-link-target"><span>Polski</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/SVG" title="SVG - portoghese" lang="pt" hreflang="pt" data-title="SVG" data-language-autonym="Português" data-language-local-name="portoghese" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ro mw-list-item"><a href="https://ro.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - rumeno" lang="ro" hreflang="ro" data-title="Scalable Vector Graphics" data-language-autonym="Română" data-language-local-name="rumeno" class="interlanguage-link-target"><span>Română</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/SVG" title="SVG - russo" lang="ru" hreflang="ru" data-title="SVG" data-language-autonym="Русский" data-language-local-name="russo" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-sco mw-list-item"><a href="https://sco.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - scozzese" lang="sco" hreflang="sco" data-title="Scalable Vector Graphics" data-language-autonym="Scots" data-language-local-name="scozzese" class="interlanguage-link-target"><span>Scots</span></a></li><li class="interlanguage-link interwiki-simple mw-list-item"><a href="https://simple.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - Simple English" lang="en-simple" hreflang="en-simple" data-title="Scalable Vector Graphics" data-language-autonym="Simple English" data-language-local-name="Simple English" class="interlanguage-link-target"><span>Simple English</span></a></li><li class="interlanguage-link interwiki-sk mw-list-item"><a href="https://sk.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - slovacco" lang="sk" hreflang="sk" data-title="Scalable Vector Graphics" data-language-autonym="Slovenčina" data-language-local-name="slovacco" class="interlanguage-link-target"><span>Slovenčina</span></a></li><li class="interlanguage-link interwiki-sl mw-list-item"><a href="https://sl.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - sloveno" lang="sl" hreflang="sl" data-title="Scalable Vector Graphics" data-language-autonym="Slovenščina" data-language-local-name="sloveno" class="interlanguage-link-target"><span>Slovenščina</span></a></li><li class="interlanguage-link interwiki-sr mw-list-item"><a href="https://sr.wikipedia.org/wiki/SVG" title="SVG - serbo" lang="sr" hreflang="sr" data-title="SVG" data-language-autonym="Српски / srpski" data-language-local-name="serbo" class="interlanguage-link-target"><span>Српски / srpski</span></a></li><li class="interlanguage-link interwiki-sv mw-list-item"><a href="https://sv.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - svedese" lang="sv" hreflang="sv" data-title="Scalable Vector Graphics" data-language-autonym="Svenska" data-language-local-name="svedese" class="interlanguage-link-target"><span>Svenska</span></a></li><li class="interlanguage-link interwiki-ta mw-list-item"><a href="https://ta.wikipedia.org/wiki/%E0%AE%B5%E0%AE%BF%E0%AE%B0%E0%AE%BF%E0%AE%A4%E0%AF%8D%E0%AE%A4%E0%AE%BF%E0%AE%9A%E0%AF%88%E0%AE%AF%E0%AE%A9%E0%AF%8D_%E0%AE%B5%E0%AE%B0%E0%AF%88%E0%AE%95%E0%AE%B2%E0%AF%88" title="விரித்திசையன் வரைகலை - tamil" lang="ta" hreflang="ta" data-title="விரித்திசையன் வரைகலை" data-language-autonym="தமிழ்" data-language-local-name="tamil" class="interlanguage-link-target"><span>தமிழ்</span></a></li><li class="interlanguage-link interwiki-th mw-list-item"><a href="https://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%AD%E0%B8%AA%E0%B8%A7%E0%B8%B5%E0%B8%88%E0%B8%B5" title="เอสวีจี - thailandese" lang="th" hreflang="th" data-title="เอสวีจี" data-language-autonym="ไทย" data-language-local-name="thailandese" class="interlanguage-link-target"><span>ไทย</span></a></li><li class="interlanguage-link interwiki-tr mw-list-item"><a href="https://tr.wikipedia.org/wiki/%C3%96l%C3%A7eklenebilir_Vekt%C3%B6r_Grafikleri" title="Ölçeklenebilir Vektör Grafikleri - turco" lang="tr" hreflang="tr" data-title="Ölçeklenebilir Vektör Grafikleri" data-language-autonym="Türkçe" data-language-local-name="turco" class="interlanguage-link-target"><span>Türkçe</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics - ucraino" lang="uk" hreflang="uk" data-title="Scalable Vector Graphics" data-language-autonym="Українська" data-language-local-name="ucraino" class="interlanguage-link-target"><span>Українська</span></a></li><li class="interlanguage-link interwiki-ur mw-list-item"><a href="https://ur.wikipedia.org/wiki/%D8%A7%D8%B3%DA%A9%DB%8C%D9%84%DB%8C%D8%A8%D9%84_%D9%88%DB%8C%DA%A9%D9%B9%D8%B1_%DA%AF%D8%B1%D8%A7%D9%81%DA%A9%D8%B3" title="اسکیلیبل ویکٹر گرافکس - urdu" lang="ur" hreflang="ur" data-title="اسکیلیبل ویکٹر گرافکس" data-language-autonym="اردو" data-language-local-name="urdu" class="interlanguage-link-target"><span>اردو</span></a></li><li class="interlanguage-link interwiki-vi mw-list-item"><a href="https://vi.wikipedia.org/wiki/SVG" title="SVG - vietnamita" lang="vi" hreflang="vi" data-title="SVG" data-language-autonym="Tiếng Việt" data-language-local-name="vietnamita" class="interlanguage-link-target"><span>Tiếng Việt</span></a></li><li class="interlanguage-link interwiki-wuu mw-list-item"><a href="https://wuu.wikipedia.org/wiki/%E5%8F%AF%E7%BC%A9%E6%94%BE%E7%9F%A2%E9%87%8F%E5%9B%BE%E5%BD%A2" title="可缩放矢量图形 - wu" lang="wuu" hreflang="wuu" data-title="可缩放矢量图形" data-language-autonym="吴语" data-language-local-name="wu" class="interlanguage-link-target"><span>吴语</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/%E5%8F%AF%E7%B8%AE%E6%94%BE%E5%90%91%E9%87%8F%E5%9C%96%E5%BD%A2" title="可縮放向量圖形 - cinese" lang="zh" hreflang="zh" data-title="可縮放向量圖形" data-language-autonym="中文" data-language-local-name="cinese" class="interlanguage-link-target"><span>中文</span></a></li><li class="interlanguage-link interwiki-zh-classical mw-list-item"><a href="https://zh-classical.wikipedia.org/wiki/%E5%8F%AF%E7%B8%AE%E6%94%BE%E7%9F%A2%E9%87%8F%E5%9C%96%E5%BD%A2" title="可縮放矢量圖形 - cinese classico" lang="lzh" hreflang="lzh" data-title="可縮放矢量圖形" data-language-autonym="文言" data-language-local-name="cinese classico" class="interlanguage-link-target"><span>文言</span></a></li><li class="interlanguage-link interwiki-zh-min-nan mw-list-item"><a href="https://zh-min-nan.wikipedia.org/wiki/SVG" title="SVG - min nan" lang="nan" hreflang="nan" data-title="SVG" data-language-autonym="閩南語 / Bân-lâm-gú" data-language-local-name="min nan" class="interlanguage-link-target"><span>閩南語 / Bân-lâm-gú</span></a></li><li class="interlanguage-link interwiki-zh-yue mw-list-item"><a href="https://zh-yue.wikipedia.org/wiki/SVG" title="SVG - cantonese" lang="yue" hreflang="yue" data-title="SVG" data-language-autonym="粵語" data-language-local-name="cantonese" class="interlanguage-link-target"><span>粵語</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q2078#sitelinks-wikipedia" title="Modifica collegamenti interlinguistici" class="wbc-editpage">Modifica collegamenti</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespace"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Scalable_Vector_Graphics" title="Vedi la voce [c]" accesskey="c"><span>Voce</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Discussione:Scalable_Vector_Graphics" rel="discussion" title="Vedi le discussioni relative a questa pagina [t]" accesskey="t"><span>Discussione</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Cambia versione linguistica" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">italiano</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Visite"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Scalable_Vector_Graphics"><span>Leggi</span></a></li><li id="ca-ve-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit" title="Modifica questa pagina [v]" accesskey="v"><span>Modifica</span></a></li><li id="ca-edit" class="collapsible vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit" title="Modifica il wikitesto di questa pagina [e]" accesskey="e"><span>Modifica wikitesto</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Scalable_Vector_Graphics&action=history" title="Versioni precedenti di questa pagina [h]" accesskey="h"><span>Cronologia</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Strumenti pagine"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Strumenti" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Strumenti</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Strumenti</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">sposta nella barra laterale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">nascondi</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Altre opzioni" > <div class="vector-menu-heading"> Azioni </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Scalable_Vector_Graphics"><span>Leggi</span></a></li><li id="ca-more-ve-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit" title="Modifica questa pagina [v]" accesskey="v"><span>Modifica</span></a></li><li id="ca-more-edit" class="collapsible vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit" title="Modifica il wikitesto di questa pagina [e]" accesskey="e"><span>Modifica wikitesto</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Scalable_Vector_Graphics&action=history"><span>Cronologia</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Generale </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Speciale:PuntanoQui/Scalable_Vector_Graphics" title="Elenco di tutte le pagine che sono collegate a questa [j]" accesskey="j"><span>Puntano qui</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Speciale:ModificheCorrelate/Scalable_Vector_Graphics" rel="nofollow" title="Elenco delle ultime modifiche alle pagine collegate a questa [k]" accesskey="k"><span>Modifiche correlate</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Speciale:PagineSpeciali" title="Elenco di tutte le pagine speciali [q]" accesskey="q"><span>Pagine speciali</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Scalable_Vector_Graphics&oldid=139286329" title="Collegamento permanente a questa versione di questa pagina"><span>Link permanente</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Scalable_Vector_Graphics&action=info" title="Ulteriori informazioni su questa pagina"><span>Informazioni pagina</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Speciale:Cita&page=Scalable_Vector_Graphics&id=139286329&wpFormIdentifier=titleform" title="Informazioni su come citare questa pagina"><span>Cita questa voce</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Speciale:UrlShortener&url=https%3A%2F%2Fit.wikipedia.org%2Fwiki%2FScalable_Vector_Graphics"><span>Ottieni URL breve</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Speciale:QrCode&url=https%3A%2F%2Fit.wikipedia.org%2Fwiki%2FScalable_Vector_Graphics"><span>Scarica codice QR</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Stampa/esporta </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Speciale:Libro&bookcmd=book_creator&referer=Scalable+Vector+Graphics"><span>Crea un libro</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Speciale:DownloadAsPdf&page=Scalable_Vector_Graphics&action=show-download-screen"><span>Scarica come PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Scalable_Vector_Graphics&printable=yes" title="Versione stampabile di questa pagina [p]" accesskey="p"><span>Versione stampabile</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> In altri progetti </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://commons.wikimedia.org/wiki/Category:Scalable_Vector_Graphics" hreflang="en"><span>Wikimedia Commons</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q2078" title="Collegamento all'elemento connesso dell'archivio dati [g]" accesskey="g"><span>Elemento Wikidata</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Strumenti pagine"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Aspetto"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Aspetto</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">sposta nella barra laterale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">nascondi</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">Da Wikipedia, l'enciclopedia libera.</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="it" dir="ltr"><table class="infobox sinottico" summary="Tabella sinottica che riassume i principali dati del soggetto"><tbody><tr class="sinottico_testata"><th colspan="2" style="background:lightblue"><span typeof="mw:File"><a href="/wiki/File:Inkscape_SVG_plain.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Inkscape_SVG_plain.svg/40px-Inkscape_SVG_plain.svg.png" decoding="async" width="40" height="45" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Inkscape_SVG_plain.svg/60px-Inkscape_SVG_plain.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Inkscape_SVG_plain.svg/80px-Inkscape_SVG_plain.svg.png 2x" data-file-width="502" data-file-height="571" /></a></span> Scalable Vector Graphics</th></tr><tr><td class="sinottico_testo_centrale" colspan="2"><figure class="mw-halign-center" typeof="mw:File/Frameless"><a href="/wiki/File:SVG_Logo.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/4/4f/SVG_Logo.svg/100px-SVG_Logo.svg.png" decoding="async" width="100" height="100" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/4f/SVG_Logo.svg/150px-SVG_Logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/4f/SVG_Logo.svg/200px-SVG_Logo.svg.png 2x" data-file-width="512" data-file-height="512" /></a><figcaption></figcaption></figure> </td></tr><tr><td class="sinottico_testo_centrale" colspan="2"><figure class="mw-halign-center" typeof="mw:File/Frameless"><a href="/wiki/File:Example_of_SVG_code_and_SVG_rendering.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Example_of_SVG_code_and_SVG_rendering.svg/260px-Example_of_SVG_code_and_SVG_rendering.svg.png" decoding="async" width="260" height="96" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Example_of_SVG_code_and_SVG_rendering.svg/390px-Example_of_SVG_code_and_SVG_rendering.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Example_of_SVG_code_and_SVG_rendering.svg/520px-Example_of_SVG_code_and_SVG_rendering.svg.png 2x" data-file-width="806" data-file-height="297" /></a><figcaption></figcaption></figure>Esempio di codice SVG e rispettivo rendering </td></tr><tr><th><a href="/wiki/Estensione_(file)" class="mw-redirect" title="Estensione (file)">Estensione</a></th><td><code>.svg, .svgz</code> </td></tr><tr><th><a href="/wiki/Tipo_MIME" class="mw-redirect" title="Tipo MIME">Tipo MIME</a></th><td><code>image/svg+xml</code> </td></tr><tr><th><a href="/wiki/Uniform_Type_Identifier" title="Uniform Type Identifier">Uniform Type Identifier (UTI)</a></th><td><code>public.svg-image</code> </td></tr><tr><th>Sviluppatore</th><td><a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a> </td></tr><tr><th>1ª pubblicazione</th><td>4 settembre 2001 </td></tr><tr><th>Ultima versione</th><td>1.1 (Second Edition)<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> (16 agosto 2011) </td></tr><tr><th>Tipo</th><td><a href="/wiki/Grafica_vettoriale" title="Grafica vettoriale">Grafica vettoriale</a> </td></tr><tr><th>Estensione di</th><td><a href="/wiki/XML" title="XML">XML</a> </td></tr><tr><th><a href="/wiki/Formato_aperto" title="Formato aperto">Formato aperto</a>?</th><td>Sì </td></tr><tr><th><a href="/wiki/Sito_web" title="Sito web">Sito web</a></th><td><a rel="nofollow" class="external text" href="http://www.w3.org/Graphics/SVG">www.w3.org/Graphics/SVG</a> </td></tr><tr><td class="sinottico_piede2 noprint nomobile metadata" colspan="2"><a href="https://www.wikidata.org/wiki/Q2078" class="extiw" title="d:Q2078"><span title="Modifica i dati della voce Scalable Vector Graphics su Wikidata">Modifica dati su Wikidata</span></a><b> ·</b> <a href="/wiki/Template:Formato_file/man" title="Template:Formato file/man"><span title="Manuale del template Formato file">Manuale</span></a></td></tr></tbody></table> <p><b>Scalable Vector Graphics</b> (<b>SVG</b>) è un <a href="/wiki/Formato_di_file" class="mw-redirect" title="Formato di file">formato di file</a> di <a href="/wiki/Grafica_vettoriale" title="Grafica vettoriale">grafica vettoriale</a> <a href="/wiki/Bidimensionalit%C3%A0" title="Bidimensionalità">bidimensionale</a> basato sull'<a href="/wiki/XML" title="XML">XML</a> sviluppato da <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a>.<sup id="cite_ref-Eisenberg_2-0" class="reference"><a href="#cite_note-Eisenberg-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> Le immagini SVG possono essere incluse all'interno di una pagina <a href="/wiki/HTML" title="HTML">HTML</a><sup id="cite_ref-Eisenberg_2-1" class="reference"><a href="#cite_note-Eisenberg-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup>. Possono essere inoltre distribuite in versione <a href="/wiki/Compressione_dei_dati" title="Compressione dei dati">compressa</a> utilizzando l'algoritmo <a href="/wiki/Gzip" title="Gzip">gzip</a> (con estensione svgz)<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup>. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Situazione">Situazione</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=1" title="Modifica la sezione Situazione" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=1" title="Edit section's source code: Situazione"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Svg.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/15/Svg.svg/220px-Svg.svg.png" decoding="async" width="220" height="113" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/15/Svg.svg/330px-Svg.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/15/Svg.svg/440px-Svg.svg.png 2x" data-file-width="617" data-file-height="316" /></a><figcaption>Un esempio d'uso del formato SVG.</figcaption></figure> <p>SVG è diventato una <a href="/wiki/Standard_(informatica)" class="mw-redirect" title="Standard (informatica)">raccomandazione (standard)</a> del <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a> nel settembre <a href="/wiki/2001" title="2001">2001</a> dopo un iter piuttosto contrastato. Al W3C <a href="/wiki/Macromedia" title="Macromedia">Macromedia</a> e <a href="/wiki/Microsoft" title="Microsoft">Microsoft</a> avevano introdotto il linguaggio <a href="/wiki/Vector_Markup_Language" title="Vector Markup Language">VML</a> (Vector Markup Language), mentre <a href="/wiki/Adobe_(azienda)" title="Adobe (azienda)">Adobe</a> e <a href="/wiki/Sun_Microsystems" title="Sun Microsystems">Sun Microsystems</a> proponevano un formato concorrente chiamato <a href="/wiki/PGML" class="mw-redirect" title="PGML">PGML</a>: per arrivare alla raccomandazione è stato necessario un certo lavoro di compromesso. SVG è supportato nativamente dal <a href="/wiki/Web_browser" class="mw-redirect" title="Web browser">web browser</a>/<a href="/wiki/Web_editor" class="mw-redirect" title="Web editor">web editor</a> <a href="/wiki/Amaya_(browser)" title="Amaya (browser)">Amaya</a>, da <a href="/wiki/Opera_(browser)" title="Opera (browser)">Opera</a> e da <a href="/wiki/Mozilla_Firefox" title="Mozilla Firefox">Mozilla Firefox</a> dalla versione 1.5. Altri browser per visualizzare immagini SVG richiedono l'aggiunta di un <a href="/wiki/Plugin_(informatica)" title="Plugin (informatica)">plugin</a>, come <a rel="nofollow" class="external text" href="https://www.adobe.com/svg/viewer/install/main.html">Adobe SVG Viewer</a> o <a rel="nofollow" class="external text" href="http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1047022177437">Corel SVG Viewer</a>. </p><p>Le immagini SVG possono essere visualizzate anche da editor e viewer autonomi. Una particolare versione di <a href="/wiki/Mozilla" title="Mozilla">Mozilla</a>, chiamata "Croczilla", ora supporta alcune parti dello standard SVG, ma gran parte delle prestazioni non sono ancora ottenibili: in prospettiva comunque le immagini SVG dovrebbero essere visualizzabili senza l'aggiunta di alcun plug-in. Anche il web browser <a href="/wiki/Konqueror" title="Konqueror">Konqueror</a> del progetto <a href="/wiki/KDE" title="KDE">KDE</a> attualmente possiede una implementazione di SVG abbastanza completa chiamata ksvg e c'è da aspettarsi che in futuro questo supporto sarà adattato al web browser <a href="/wiki/Safari_(browser)" title="Safari (browser)">Safari</a> della <a href="/wiki/Apple" title="Apple">Apple Inc</a>. Il browser <a href="/wiki/Opera_(browser)" title="Opera (browser)">Opera</a> supporta SVG dalla release 8.5. </p><p>I programmi scritti in <a href="/wiki/Linguaggio_di_programmazione_Java" class="mw-redirect" title="Linguaggio di programmazione Java">Java</a> possono controllare la visualizzazione, la generazione e la manipolazione di grafici SVG servendosi del <a rel="nofollow" class="external text" href="https://xml.apache.org/batik/">Batik SVG Toolkit</a>. </p> <div class="mw-heading mw-heading2"><h2 id="Caratteristiche">Caratteristiche</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=2" title="Modifica la sezione Caratteristiche" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=2" title="Edit section's source code: Caratteristiche"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Bitmap_VS_SVG.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Bitmap_VS_SVG.svg/400px-Bitmap_VS_SVG.svg.png" decoding="async" width="400" height="255" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Bitmap_VS_SVG.svg/600px-Bitmap_VS_SVG.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Bitmap_VS_SVG.svg/800px-Bitmap_VS_SVG.svg.png 2x" data-file-width="512" data-file-height="327" /></a><figcaption></figcaption></figure> <p>È possibile riassumere quanto contenuto nella <i><a rel="nofollow" class="external text" href="https://www.w3.org/Graphics/SVG/">Overview of SVG</a></i> del consorzio W3C. </p><p>SVG permette di trattare tre tipi di oggetti grafici: </p> <ul><li><a href="/wiki/Forma_(geometria)" class="mw-redirect" title="Forma (geometria)">forme geometriche</a>, cioè linee costituite da segmenti di retta e curve e aree delimitate da linee chiuse;</li> <li>immagini della <a href="/wiki/Grafica_raster" title="Grafica raster">grafica raster</a> e <a href="/wiki/Immagine_digitale" title="Immagine digitale">immagini digitali</a>;</li> <li>testi esplicativi, eventualmente cliccabili.</li></ul> <p>Gli oggetti grafici possono essere raggruppati in oggetti più comprensivi, muniti di attributi di stile e aggiunti ad oggetti grafici precedentemente costruiti e visualizzati. Un testo può far parte di un qualsiasi <a href="/wiki/Namespace" title="Namespace">namespace</a> XML sottoponibile ad una applicazione; questa possibilità consente di aumentare la ricercabilità e l'<a href="/wiki/Accessibilit%C3%A0_(design)" title="Accessibilità (design)">accessibilità</a> delle immagini SVG. Il repertorio delle operazioni attuabili include trasformazioni annidate, percorsi di <a href="/wiki/Clipping" title="Clipping">clipping</a>, <a href="/wiki/Canale_alpha" class="mw-redirect" title="Canale alpha">maschere alpha</a>, effetti di <a href="/wiki/Filtro_(ottica)" title="Filtro (ottica)">filtro</a>, <a href="/w/index.php?title=Oggetto_template&action=edit&redlink=1" class="new" title="Oggetto template (la pagina non esiste)">oggetti template</a> ed <a href="/w/index.php?title=Estensibilit%C3%A0&action=edit&redlink=1" class="new" title="Estensibilità (la pagina non esiste)">estensibilità</a>. </p><p>Le figure espresse mediante SVG possono essere dinamiche e interattive. Il <a href="/wiki/Document_Object_Model" title="Document Object Model">Document Object Model</a> (DOM) per SVG, che include il completo XML DOM, consente una animazione in grafica vettoriale diretta ed efficiente attraverso i linguaggi <a href="/wiki/ECMAScript" title="ECMAScript">ECMAScript</a> e <a href="/wiki/SMIL" class="mw-redirect" title="SMIL">SMIL</a>. Agli oggetti grafici SVG si possono assegnare <a href="/w/index.php?title=Event_handler&action=edit&redlink=1" class="new" title="Event handler (la pagina non esiste)">event handlers</a> tratti da un ampio repertorio: due esempi dal ruolo facilmente intuibile sono <i>onmouseover</i> e <i>onclick</i>. Grazie alla compatibilità di SVG con gli altri standard per il web e grazie al mutuo supporto di questi meccanismi, si possono dotare gli elementi SVG e gli altri elementi XML di una <a href="/wiki/Pagina_web" title="Pagina web">pagina web</a> di prestazioni come lo <a href="/wiki/Scripting" class="mw-redirect" title="Scripting">scripting</a> ricavate contemporaneamente da diversi <a href="/wiki/Namespace" title="Namespace">spazi di nomi</a>. </p><p>Il sistema SVG rivaleggiava con <a href="/wiki/Adobe_Flash" title="Adobe Flash">Adobe Flash</a> (dichiarato obsoleto dal 31 dicembre 2020<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup>) in termini di potenziale e di efficienza. Per un primo confronto si fa presente che, contrariamente a Flash, SVG è uno <a href="/wiki/Standard_aperto" title="Standard aperto">standard aperto</a>. </p> <div class="mw-heading mw-heading2"><h2 id="Utilizzo">Utilizzo</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=3" title="Modifica la sezione Utilizzo" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=3" title="Edit section's source code: Utilizzo"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Disegno_di_Modiglione_(mensola,_chiave_di_volta)_a_doppia_voluta,_dal_campanile_di_Monteforte_d%27Alpone_(Verona_ITALY),_Neoclassicismo,_by_Paolo_Villa_for_ctg_Lessinia.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/1d/Disegno_di_Modiglione_%28mensola%2C_chiave_di_volta%29_a_doppia_voluta%2C_dal_campanile_di_Monteforte_d%27Alpone_%28Verona_ITALY%29%2C_Neoclassicismo%2C_by_Paolo_Villa_for_ctg_Lessinia.svg/220px-thumbnail.svg.png" decoding="async" width="220" height="284" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/1d/Disegno_di_Modiglione_%28mensola%2C_chiave_di_volta%29_a_doppia_voluta%2C_dal_campanile_di_Monteforte_d%27Alpone_%28Verona_ITALY%29%2C_Neoclassicismo%2C_by_Paolo_Villa_for_ctg_Lessinia.svg/330px-thumbnail.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/1d/Disegno_di_Modiglione_%28mensola%2C_chiave_di_volta%29_a_doppia_voluta%2C_dal_campanile_di_Monteforte_d%27Alpone_%28Verona_ITALY%29%2C_Neoclassicismo%2C_by_Paolo_Villa_for_ctg_Lessinia.svg/440px-thumbnail.svg.png 2x" data-file-width="2303" data-file-height="2976" /></a><figcaption>Disegno svg ottenuto con Draw e InkScape</figcaption></figure> <p>La maggior parte dei prodotti software per disegnare come <a href="/wiki/Adobe_Illustrator" title="Adobe Illustrator">Adobe Illustrator</a> e <a href="/wiki/Corel_Draw" class="mw-redirect" title="Corel Draw">Corel Draw</a> nelle versioni più recenti sono in grado di esportare immagini descritte in SVG. Anche il pacchetto <i>Draw</i> della <a href="/wiki/OpenOffice.org" class="mw-redirect" title="OpenOffice.org">OpenOffice.org</a> dalla versione 1.1 può esportare file SVG. </p><p>Due programmi di <a href="/wiki/Grafica_vettoriale" title="Grafica vettoriale">grafica vettoriale</a> <a href="/wiki/Open_source" title="Open source">open source</a> e multipiattaforma che usano in maniera nativa il formato SVG sono <a href="/wiki/Inkscape" title="Inkscape">Inkscape</a> e <a href="/wiki/Sodipodi" title="Sodipodi">Sodipodi</a>. </p> <div class="mw-heading mw-heading2"><h2 id="Grafica_vettoriale_scalabile">Grafica vettoriale scalabile</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=4" title="Modifica la sezione Grafica vettoriale scalabile" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=4" title="Edit section's source code: Grafica vettoriale scalabile"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Le potenzialità di una grafica vettoriale scalabile sono notevoli: </p> <ul><li>la geometria di ciascun elemento grafico è definita matematicamente (in termini di vettori), anziché essere trattata mediante rigidi quadri di <a href="/wiki/Pixel" title="Pixel">pixel</a>;</li> <li>è possibile ridimensionare a piacere qualsiasi elemento grafico, mantenendone la qualità. Più in particolare, nel visualizzare un dato oggetto grafico su supporti di differente natura (<a href="/wiki/Stampante" title="Stampante">stampa</a>, <a href="/wiki/Video" title="Video">video</a>, <a href="/wiki/Plotter" title="Plotter">plotter</a>, schermo di <a href="/wiki/Telefono_cellulare" title="Telefono cellulare">cellulare</a> ecc.), si è certi di ottenere sempre la massima qualità che quei supporti possono fornire.</li></ul> <p>Tali potenzialità interessano praticamente tutte le applicazioni grafiche che non siano puramente <i><a href="/wiki/Raster" class="mw-redirect" title="Raster">raster</a></i>, cioè basate su mappe di pixel (nella pratica immagini provenienti da fotocamere o da <a href="/wiki/Scansionatore_d%27immagine" class="mw-redirect" title="Scansionatore d'immagine">scansioni</a>). </p><p>Di contro il "peso" computazionale di una immagine vettoriale è in genere superiore a quello della grafica raster, in quanto il processore del computer deve sostanzialmente rigenerare l'immagine ex novo ogni qual volta che si ridimensiona la visualizzazione. </p><p>Il vantaggio dell'SVG rispetto ad altri formati di grafica vettoriale consiste nella sua natura di standard aperto: in questo modo in linea di principio chiunque lo conosca è in grado di realizzare pagine SVG senza avere la necessità di un ambiente di sviluppo commerciale dedicato. </p><p>Trattandosi di un formato derivato dall'<a href="/wiki/XML" title="XML">XML</a>, eredita da esso la facilità di generazione con mezzi automatici e tramite <a href="/wiki/Linguaggio_di_programmazione" title="Linguaggio di programmazione">linguaggi di programmazione</a>. </p><p>Dal <a href="/wiki/Lato_client" title="Lato client">lato client</a> è infine possibile operare sul modello ad oggetti del documento (il <a href="/wiki/Document_Object_Model" title="Document Object Model">DOM</a>) utilizzando codice ECMAScript (la standardizzazione di <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a> definita da <a href="/wiki/ECMA" class="mw-redirect" title="ECMA">ECMA</a>). </p> <div class="mw-heading mw-heading2"><h2 id="Programmi_per_la_creazione_di_svg">Programmi per la creazione di svg</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=5" title="Modifica la sezione Programmi per la creazione di svg" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=5" title="Edit section's source code: Programmi per la creazione di svg"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Ecco una lista parziale di programmi per la generazione di file svg: </p> <ul><li><a href="/wiki/Adobe_Illustrator" title="Adobe Illustrator">Adobe Illustrator</a></li> <li><a href="/w/index.php?title=Affinity_Designer&action=edit&redlink=1" class="new" title="Affinity Designer (la pagina non esiste)">Affinity Designer</a> (vedere <a href="/wiki/Serif_Europe" title="Serif Europe">Serif Europe Ltd.</a>)</li> <li><a href="/w/index.php?title=Gravit_Designer&action=edit&redlink=1" class="new" title="Gravit Designer (la pagina non esiste)">Gravit Designer</a></li> <li><a href="/wiki/Macromedia_FreeHand" title="Macromedia FreeHand">Macromedia FreeHand</a></li> <li><a href="/wiki/Corel_Draw" class="mw-redirect" title="Corel Draw">Corel Draw</a></li> <li><a href="/wiki/Xara_Xtreme" title="Xara Xtreme">Xara Xtreme</a></li> <li><a href="/wiki/Inkscape" title="Inkscape">Inkscape</a> (open source)</li> <li><a href="/w/index.php?title=IDraw&action=edit&redlink=1" class="new" title="IDraw (la pagina non esiste)">iDraw</a></li> <li><a href="/w/index.php?title=Janvas&action=edit&redlink=1" class="new" title="Janvas (la pagina non esiste)">Janvas</a> Editor online</li></ul> <div class="mw-heading mw-heading2"><h2 id="HTML5">HTML5</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=6" title="Modifica la sezione HTML5" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=6" title="Edit section's source code: HTML5"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r130657691">body:not(.skin-minerva) .mw-parser-output .vedi-anche{font-size:95%}</style><style data-mw-deduplicate="TemplateStyles:r139142988">.mw-parser-output .hatnote-content{align-items:center;display:flex}.mw-parser-output .hatnote-icon{flex-shrink:0}.mw-parser-output .hatnote-icon img{display:flex}.mw-parser-output .hatnote-text{font-style:italic}body:not(.skin-minerva) .mw-parser-output .hatnote{border:1px solid #CCC;display:flex;margin:.5em 0;padding:.2em .5em}body:not(.skin-minerva) .mw-parser-output .hatnote-text{padding-left:.5em}body.skin-minerva .mw-parser-output .hatnote-icon{padding-right:8px}body.skin-minerva .mw-parser-output .hatnote-icon img{height:auto;width:16px}body.skin--responsive .mw-parser-output .hatnote a.new{color:#d73333}body.skin--responsive .mw-parser-output .hatnote a.new:visited{color:#a55858}</style> <div class="hatnote noprint vedi-anche"> <div class="hatnote-content"><span class="noviewer hatnote-icon" typeof="mw:File"><span><img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/87/Magnifying_glass_icon_mgx2.svg/18px-Magnifying_glass_icon_mgx2.svg.png" decoding="async" width="18" height="18" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/87/Magnifying_glass_icon_mgx2.svg/27px-Magnifying_glass_icon_mgx2.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/87/Magnifying_glass_icon_mgx2.svg/36px-Magnifying_glass_icon_mgx2.svg.png 2x" data-file-width="286" data-file-height="280" /></span></span> <span class="hatnote-text">Lo stesso argomento in dettaglio: <b><a href="/wiki/HTML5" title="HTML5">HTML5</a></b>.</span></div> </div> <p>Con lo standard <a href="/wiki/HTML5" title="HTML5">HTML5</a> 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: </p> <dl><dt>Immagine SVG</dt></dl> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">"circle.svg"</span> <span class="na">alt</span><span class="o">=</span><span class="s">"circle"</span> <span class="na">height</span><span class="o">=</span><span class="s">"200"</span> <span class="na">width</span><span class="o">=</span><span class="s">"200"</span> <span class="p">/></span> </pre></div> <dl><dt>Codice SVG</dt></dl> <div class="mw-highlight mw-highlight-lang-xml mw-content-ltr" dir="ltr"><pre><span></span><span class="nt"><svg</span><span class="w"> </span><span class="na">width=</span><span class="s">"100"</span><span class="w"> </span><span class="na">height=</span><span class="s">"100"</span><span class="nt">></span> <span class="w"> </span><span class="nt"><circle</span><span class="w"> </span><span class="na">cx=</span><span class="s">"200"</span><span class="w"> </span><span class="na">cy=</span><span class="s">"200"</span><span class="w"> </span><span class="na">r=</span><span class="s">"93"</span> <span class="w"> </span><span class="na">stroke=</span><span class="s">"#66CC01"</span><span class="w"> </span><span class="na">stroke-width=</span><span class="s">"4"</span><span class="w"> </span><span class="na">fill=</span><span class="s">"E2FFC6"</span><span class="w"> </span><span class="nt">/></span> Sorry,<span class="w"> </span>your<span class="w"> </span>browser<span class="w"> </span>does<span class="w"> </span>not<span class="w"> </span>support<span class="w"> </span>inline<span class="w"> </span>SVG. <span class="nt"></svg></span> </pre></div> <dl><dt>Codice Canvas</dt></dl> <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="kd">function</span><span class="w"> </span><span class="nx">draw</span><span class="p">()</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="c1">// draw the colored region</span> <span class="w"> </span><span class="nx">mainContext</span><span class="p">.</span><span class="nx">beginPath</span><span class="p">();</span> <span class="w"> </span><span class="nx">mainContext</span><span class="p">.</span><span class="nx">arc</span><span class="p">(</span><span class="mf">200</span><span class="p">,</span><span class="w"> </span><span class="mf">200</span><span class="p">,</span><span class="w"> </span><span class="mf">93</span><span class="p">,</span><span class="w"> </span><span class="mf">0</span><span class="p">,</span><span class="w"> </span><span class="mf">2</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="nb">Math</span><span class="p">.</span><span class="nx">PI</span><span class="p">,</span><span class="w"> </span><span class="kc">true</span><span class="p">);</span> <span class="w"> </span><span class="nx">mainContext</span><span class="p">.</span><span class="nx">fillStyle</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">"#E2FFC6"</span><span class="p">;</span> <span class="w"> </span><span class="nx">mainContext</span><span class="p">.</span><span class="nx">fill</span><span class="p">();</span> <span class="w"> </span> <span class="w"> </span><span class="c1">// draw the stroke</span> <span class="w"> </span><span class="nx">mainContext</span><span class="p">.</span><span class="nx">lineWidth</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">20</span><span class="p">;</span> <span class="w"> </span><span class="nx">mainContext</span><span class="p">.</span><span class="nx">strokeStyle</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">"#66CC01"</span><span class="p">;</span> <span class="w"> </span><span class="nx">mainContext</span><span class="p">.</span><span class="nx">stroke</span><span class="p">();</span> <span class="p">}</span> </pre></div> <div class="mw-heading mw-heading3"><h3 id="Differenze_tra_SVG_e_Canvas">Differenze tra SVG e Canvas</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=7" title="Modifica la sezione Differenze tra SVG e Canvas" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=7" title="Edit section's source code: Differenze tra SVG e Canvas"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>SVG è un linguaggio per descrivere la grafica 2D in XML<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup>. <a href="/wiki/Canvas_(elemento_HTML)" title="Canvas (elemento HTML)">Canvas</a> disegna grafica 2D, al volo (con JavaScript)<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup>. </p> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Css-drawing.png" class="mw-file-description"><img alt="Confronto tra il logo CSS3 creato con i CSS, con SVG e con HTML5 Canvas. A volte è possibile ottenere lo stesso risultato con tecniche diverse." src="//upload.wikimedia.org/wikipedia/commons/thumb/c/c7/Css-drawing.png/220px-Css-drawing.png" decoding="async" width="220" height="118" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/c7/Css-drawing.png/330px-Css-drawing.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/c7/Css-drawing.png/440px-Css-drawing.png 2x" data-file-width="977" data-file-height="523" /></a><figcaption>Confronto tra il logo CSS3 creato con i CSS, con SVG e con HTML5 Canvas. A volte è possibile ottenere lo stesso risultato con tecniche diverse.</figcaption></figure> <p>SVG è basato su XML, il che significa che ogni elemento è disponibile all'interno di SVG DOM. Si possono allegare gestori di eventi JavaScript per un elemento. </p><p>In SVG, ogni forma disegnata viene "ricordata" come un oggetto. Se gli attributi di un oggetto SVG vengono modificati, il browser può automaticamente rieseguire il rendering della forma. </p><p>Il <a href="/wiki/Canvas_(elemento_HTML)" title="Canvas (elemento HTML)">Canvas</a> (anch'esso un elemento HTML5) viene renderizzato pixel per pixel. Il Canvas, una volta disegnata la grafica, viene "dimenticato" dal browser. Se la sua posizione deve essere cambiata, l'intera scena deve essere ridisegnata, inclusi gli oggetti che potrebbero essere stati coperti dalla grafica<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup>. </p><p>Il Canvas è adatto per applicazioni dinamiche come giochi e animazioni, per via del suo caricamento più veloce e indipendente dal DOM. </p><p>Le immagini create in SVG sono aggiunte al <a href="/wiki/Document_Object_Model" title="Document Object Model">DOM</a> e modificabili tramite <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a> e <a href="/wiki/CSS" title="CSS">Css</a>, anche con eventi presenti sugli altri elementi del documento<sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup>. </p> <table class="wikitable sortable"> <tbody><tr> <th>Funzioni<sup id="cite_ref-9" class="reference"><a href="#cite_note-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup> </th> <th>SVG </th> <th>Canvas </th></tr> <tr> <td>Vettori </td> <td>SI </td> <td>NO </td></tr> <tr> <td>Rasterizzazione </td> <td>NO </td> <td>SI </td></tr> <tr> <td>Accesso DOM </td> <td>SI </td> <td>NO </td></tr> <tr> <td>Accessibilità </td> <td>SI </td> <td>Parziale </td></tr> <tr> <td>Testo </td> <td>SI </td> <td>SI </td></tr> <tr> <td>Gradienti e Patterns </td> <td>SI </td> <td>SI </td></tr> <tr> <td>CSS Animations </td> <td>SI </td> <td>NO </td></tr> <tr> <td>CSS Filters </td> <td>SI </td> <td>SI </td></tr> <tr> <td>SVG Filters </td> <td>SI </td> <td>SI </td></tr> <tr> <td>Inclusione video </td> <td>NO </td> <td>SI </td></tr> <tr> <td>Manipolazione Pixel </td> <td>NO </td> <td>SI </td></tr> <tr> <td>Accesso API in JS </td> <td>NO </td> <td>SI </td></tr></tbody></table> <div class="mw-heading mw-heading3"><h3 id="Caratteri">Caratteri</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=8" title="Modifica la sezione Caratteri" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=8" title="Edit section's source code: Caratteri"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Come con HTML e CSS, il testo in SVG può fare riferimento a file di caratteri esterni, come i caratteri di sistema. Se i file dei font richiesti non esistono sulla macchina in cui viene eseguito il rendering del file SVG, il testo potrebbe non apparire come previsto. Per superare questa limitazione, il testo può essere visualizzato in un <i>font SVG</i> , dove i glifi richiesti sono definiti in SVG come un font che viene quindi descritto dall'elemento<code><text></code><sup id="cite_ref-10" class="reference"><a href="#cite_note-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup>. </p><p>Su lato <a href="/wiki/Ottimizzazione_per_i_motori_di_ricerca" title="Ottimizzazione per i motori di ricerca">SEO</a> gli SVG sono più accessibili perché supportano il testo<sup id="cite_ref-11" class="reference"><a href="#cite_note-11"><span class="cite-bracket">[</span>11<span class="cite-bracket">]</span></a></sup> che, a meno che non venga convertito in tracciati, è selezionabile dall'utente in una pagina HTML e leggibile dai motori di ricerca<sup id="cite_ref-12" class="reference"><a href="#cite_note-12"><span class="cite-bracket">[</span>12<span class="cite-bracket">]</span></a></sup>. </p> <div class="mw-heading mw-heading3"><h3 id="Collegamenti">Collegamenti</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=9" title="Modifica la sezione Collegamenti" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=9" title="Edit section's source code: Collegamenti"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Le immagini SVG possono contenere collegamenti ipertestuali ad altri documenti, utilizzando XLink. Attraverso l'uso dell'elemento<code><view></code>o di un identificatore di frammento, gli URL possono collegarsi a file SVG che modificano l'area visibile del documento. Ciò consente di creare stati di visualizzazione specifici che vengono utilizzati per ingrandire/ridurre un'area specifica o per limitare la visualizzazione a un elemento specifico. Questo è utile quando si creano <i>sprite</i>. Il supporto XLink in combinazione con l'elemento <code><use></code> consente anche il collegamento e il riutilizzo di elementi interni ed esterni. Ciò consente ai programmatori di fare di più con meno markup e rende il codice più pulito<sup id="cite_ref-13" class="reference"><a href="#cite_note-13"><span class="cite-bracket">[</span>13<span class="cite-bracket">]</span></a></sup>. </p> <div class="mw-heading mw-heading3"><h3 id="Scripting_e_animazione">Scripting e animazione</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=10" title="Modifica la sezione Scripting e animazione" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=10" title="Edit section's source code: Scripting e animazione"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Prima dell'arrivo di HTML5, l'uso di <a href="/wiki/Adobe_Flash" title="Adobe Flash">Adobe Flash</a> (obsoleto dal 31 dicembre 2020) era l'unico modo per creare animazioni vettoriali e, in generale, immagini vettoriali per il web<sup id="cite_ref-14" class="reference"><a href="#cite_note-14"><span class="cite-bracket">[</span>14<span class="cite-bracket">]</span></a></sup>. </p><p>I disegni SVG possono essere dinamici e interattivi. Le modifiche basate sull'animazione possono essere descritte in SMIL o possono essere programmate in un linguaggio di scripting (ad esempio ECMAScript o JavaScript). Il W3C raccomanda esplicitamente SMIL come standard per l'animazione in SVG. </p><p>SVG può essere animato anche con i CSS3<sup id="cite_ref-15" class="reference"><a href="#cite_note-15"><span class="cite-bracket">[</span>15<span class="cite-bracket">]</span></a></sup> ed <a href="/wiki/ECMAScript" title="ECMAScript">ECMAScript</a>. </p><p>Un ricco set di gestori di eventi come " <i>onmouseover"</i> e " <i>onclick"</i> può essere assegnato a qualsiasi oggetto grafico SVG per applicare azioni ed eventi<sup id="cite_ref-16" class="reference"><a href="#cite_note-16"><span class="cite-bracket">[</span>16<span class="cite-bracket">]</span></a></sup>. </p> <div class="mw-heading mw-heading4"><h4 id="Animazione_SVG_utilizzando_SMIL">Animazione SVG utilizzando SMIL</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=11" title="Modifica la sezione Animazione SVG utilizzando SMIL" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=11" title="Edit section's source code: Animazione SVG utilizzando SMIL"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">animateTransform</span> <span class="na">attributeName</span><span class="o">=</span><span class="s">"transform"</span> <span class="na">attributeType</span><span class="o">=</span><span class="s">"XML"</span> <span class="na">type</span><span class="o">=</span><span class="s">"rotate"</span> <span class="na">from</span><span class="o">=</span><span class="s">"0"</span> <span class="na">to</span><span class="o">=</span><span class="s">"360"</span> <span class="na">begin</span><span class="o">=</span><span class="s">"0s"</span> <span class="na">dur</span><span class="o">=</span><span class="s">"1s"</span> <span class="na">repeatCount</span><span class="o">=</span><span class="s">"indefinite"</span><span class="p">/></span> </pre></div> <div class="mw-heading mw-heading4"><h4 id="Animazione_SVG_usando_CSS3">Animazione SVG usando CSS3</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=12" title="Modifica la sezione Animazione SVG usando CSS3" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=12" title="Edit section's source code: Animazione SVG usando CSS3"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">style</span> <span class="na">type</span><span class="o">=</span><span class="s">"text/css"</span><span class="p">></span> <span class="w"> </span><span class="p">@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">rot_kf</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="nt">from</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotate</span><span class="p">(</span><span class="mi">0</span><span class="kt">deg</span><span class="p">);</span><span class="w"> </span><span class="p">}</span> <span class="w"> </span><span class="nt">to</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotate</span><span class="p">(</span><span class="mi">360</span><span class="kt">deg</span><span class="p">);</span><span class="w"> </span><span class="p">}</span> <span class="w"> </span><span class="p">}</span> <span class="w"> </span><span class="p">.</span><span class="nc">rot</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">rot_kf</span><span class="w"> </span><span class="mi">1</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span><span class="w"> </span><span class="p">}</span> <span class="w"> </span><span class="p"></</span><span class="nt">style</span><span class="p">></span> </pre></div> <div class="mw-heading mw-heading4"><h4 id="Animazione_SVG_usando_ECMAScript">Animazione SVG usando ECMAScript</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=13" title="Modifica la sezione Animazione SVG usando ECMAScript" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=13" title="Edit section's source code: Animazione SVG usando ECMAScript"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">"text/ecmascript"</span><span class="p">></span> <span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="nx">rotate</span><span class="p">(</span><span class="nx">evt</span><span class="p">)</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">object</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">evt</span><span class="p">.</span><span class="nx">target</span><span class="p">.</span><span class="nx">ownerDocument</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">'rot'</span><span class="p">);</span> <span class="w"> </span><span class="nx">setInterval</span><span class="p">(</span><span class="kd">function</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">now</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nb">Date</span><span class="p">();</span> <span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">milliseconds</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">now</span><span class="p">.</span><span class="nx">getTime</span><span class="p">()</span><span class="w"> </span><span class="o">%</span><span class="w"> </span><span class="mf">1000</span><span class="p">;</span> <span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">degrees</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">milliseconds</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="mf">0.36</span><span class="p">;</span><span class="w"> </span> <span class="w"> </span><span class="nx">object</span><span class="p">.</span><span class="nx">setAttribute</span><span class="p">(</span><span class="s1">'transform'</span><span class="p">,</span><span class="w"> </span><span class="s1">'rotate('</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="nx">degrees</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s1">')'</span><span class="p">);</span> <span class="w"> </span><span class="p">},</span><span class="w"> </span><span class="mf">20</span><span class="p">);</span> <span class="w"> </span><span class="p">}</span> <span class="w"> </span><span class="p"></</span><span class="nt">script</span><span class="p">></span> </pre></div> <div class="mw-heading mw-heading3"><h3 id="Dati_Exif">Dati Exif</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=14" title="Modifica la sezione Dati Exif" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=14" title="Edit section's source code: Dati Exif"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div><p> In SVG è possibile inserire metadati <a href="/wiki/Exchangeable_image_file_format" title="Exchangeable image file format">Exif</a><sup id="cite_ref-17" class="reference"><a href="#cite_note-17"><span class="cite-bracket">[</span>17<span class="cite-bracket">]</span></a></sup>.</p><div class="mw-highlight mw-highlight-lang-html+cheetah mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">svg</span> <span class="na">xmlns</span><span class="o">=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">xmlns:sol</span><span class="o">=</span><span class="s">"https://inkscape.org/it/"</span><span class="p">></span> <span class="p"><</span><span class="nt">circle</span> <span class="na">cx</span><span class="o">=</span><span class="s">"10"</span> <span class="na">cy</span><span class="o">=</span><span class="s">"40"</span> <span class="na">sol:country</span><span class="o">=</span><span class="s">"Italy"</span> <span class="na">r</span><span class="o">=</span><span class="s">"10"</span><span class="p">/></span> <span class="p"></</span><span class="nt">svg</span><span class="p">></span> </pre></div> <div class="mw-heading mw-heading3"><h3 id="Immagini_raster_in_SVG">Immagini raster in SVG</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=15" title="Modifica la sezione Immagini raster in SVG" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=15" title="Edit section's source code: Immagini raster in SVG"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Nel codice svg si possono incorporare o collegare immagini raster (o bitmap) come jpg, png o gif. </p><p> Immagine collegata:</p><div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">svg</span> <span class="err">...</span> <span class="p">></span> <span class="p"><</span><span class="nt">image</span> <span class="na">xlink:href</span><span class="o">=</span><span class="s">"/path/to/image.jpg"</span> <span class="na">width</span><span class="o">=</span><span class="s">"100%"</span> <span class="na">height</span><span class="o">=</span><span class="s">"100%"</span> <span class="na">x</span><span class="o">=</span><span class="s">"0"</span> <span class="na">y</span><span class="o">=</span><span class="s">"0"</span> <span class="p">/></span> <span class="p"></</span><span class="nt">svg</span><span class="p">></span> </pre></div><p>Immagine incorporata:</p><div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">svg</span><span class="p">></span> <span class="p"><</span><span class="nt">image</span> <span class="na">y</span><span class="o">=</span><span class="s">"130.35181"</span> <span class="na">x</span><span class="o">=</span><span class="s">"47.050488"</span> <span class="na">id</span><span class="o">=</span><span class="s">"image6820"</span> <span class="na">xlink:href</span><span class="o">=</span><span class="s">"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAlgCWAAD/2../</span><span class="p">></span> <span class="p"></</span><span class="nt">svg</span><span class="p">></span> </pre></div> <div class="mw-heading mw-heading3"><h3 id="Uso_dei_CSS">Uso dei CSS</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=16" title="Modifica la sezione Uso dei CSS" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=16" title="Edit section's source code: Uso dei CSS"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div><p> È possibile utilizzare i CSS per modificare gli stili di SVG. Esempio:</p><div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">svg</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">beige</span><span class="p">;</span> <span class="p">}</span> </pre></div> <div class="mw-heading mw-heading2"><h2 id="Browser_che_supportano_il_formato_svg_e_svgz">Browser che supportano il formato svg e svgz</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=17" title="Modifica la sezione Browser che supportano il formato svg e svgz" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=17" title="Edit section's source code: Browser che supportano il formato svg e svgz"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Ecco una lista di browser che almeno dall'ultima versione disponibile supportano, almeno in parte, il formato svg e svgz (svg compresso);<style data-mw-deduplicate="TemplateStyles:r140554517">.mw-parser-output .chiarimento{background:#ffeaea;color:#444444}.mw-parser-output .chiarimento-apice{color:#EE0700}@media screen{html.skin-theme-clientpref-night .mw-parser-output .chiarimento{background:rgba(179,36,36,0.21);color:inherit}html.skin-theme-clientpref-night .mw-parser-output .chiarimento-apice{color:#b32424}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .chiarimento{background:rgba(179,36,36,0.21);color:inherit}html.skin-theme-clientpref-os .mw-parser-output .chiarimento-apice{color:#b32424}}</style><span class="chiarimento" title="Queste informazioni non sono comprovate da fonti attendibili."></span><sup class="noprint chiarimento-apice" title="Queste informazioni non sono comprovate da fonti attendibili.">[<i><a href="/wiki/Wikipedia:Uso_delle_fonti" title="Wikipedia:Uso delle fonti">senza fonte</a></i>]</sup> </p> <ul><li><a href="/wiki/Amaya_(browser)" title="Amaya (browser)">Amaya</a></li> <li><a href="/wiki/Brave_(browser)" title="Brave (browser)">Brave</a></li> <li><a href="/wiki/Camino_(browser)" title="Camino (browser)">Camino</a></li> <li><a href="/wiki/Gecko" title="Gecko">Gecko</a></li> <li><a href="/wiki/Google_Chrome" title="Google Chrome">Google Chrome</a></li> <li><a href="/wiki/Flock" title="Flock">Flock</a></li> <li><a href="/wiki/Microsoft_Internet_Explorer" class="mw-redirect" title="Microsoft Internet Explorer">Internet Explorer</a> (dalla versione 9 in poi)</li> <li><a href="/wiki/Microsoft_Edge" title="Microsoft Edge">Edge</a></li> <li><a href="/wiki/Konqueror" title="Konqueror">Konqueror</a> (fu il primo browser a dare supporto al formato svg)</li> <li><a href="/wiki/Mozilla_Firefox" title="Mozilla Firefox">Mozilla Firefox</a></li> <li><a href="/wiki/Opera_(browser)" title="Opera (browser)">Opera</a></li> <li><a href="/wiki/SeaMonkey" title="SeaMonkey">SeaMonkey</a></li> <li><a href="/wiki/Safari_(browser)" title="Safari (browser)">Safari</a></li></ul> <p>Il supporto per tale formato è in continua evoluzione e con il susseguirsi di nuove versioni dei nuovi browser la compatibilità si amplia continuamente. </p> <div class="mw-heading mw-heading2"><h2 id="Note">Note</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=18" title="Modifica la sezione Note" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=18" title="Edit section's source code: Note"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-references-wrap mw-references-columns"><ol class="references"> <li id="cite_note-1"><a href="#cite_ref-1"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal">(<span style="font-weight:bolder; font-size:80%"><abbr title="inglese">EN</abbr></span>) <a rel="nofollow" class="external text" href="https://www.w3.org/TR/2011/REC-SVG11-20110816/"><span style="font-style:italic;">Scalable Vector Graphics (SVG) 1.1 (Second Edition)</span></a>, su <span style="font-style:italic;">w3.org</span>, 16 agosto 2011.</cite></span> </li> <li id="cite_note-Eisenberg-2"><span class="mw-cite-backlink"><b>^</b> <sup><i><a href="#cite_ref-Eisenberg_2-0">a</a></i></sup> <sup><i><a href="#cite_ref-Eisenberg_2-1">b</a></i></sup></span> <span class="reference-text"><cite class="citation cita" style="font-style:normal"><a href="#CITEREFEisenberg">Eisenberg</a></cite>.</span> </li> <li id="cite_note-3"><a href="#cite_ref-3"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal">(<span style="font-weight:bolder; font-size:80%"><abbr title="inglese">EN</abbr></span>) <a rel="nofollow" class="external text" href="https://web.archive.org/web/20100601125817/https://www.adobe.com/svg/illustrator/compressedsvg.html"><span style="font-style:italic;">Saving compressed SVG (SVGZ)</span></a>, su <span style="font-style:italic;">adobe.com</span> <small>(archiviato dall'<abbr title="https://www.adobe.com/svg/illustrator/compressedsvg.html">url originale</abbr> il 1º giugno 2010)</small>.</cite></span> </li> <li id="cite_note-4"><a href="#cite_ref-4"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="https://web.archive.org/web/20171202123704/https://theblog.adobe.com/adobe-flash-update/"><span style="font-style:italic;">Flash & The Future of Interactive Content | Adobe Blog</span></a>, su <span style="font-style:italic;">web.archive.org</span>, 2 dicembre 2017. <small>URL consultato il 19 gennaio 2021</small> <small>(archiviato dall'<abbr title="https://theblog.adobe.com/adobe-flash-update/">url originale</abbr> il 2 dicembre 2017)</small>.</cite></span> </li> <li id="cite_note-5"><a href="#cite_ref-5"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/SVG/Element/svg"><span style="font-style:italic;">- SVG: Scalable Vector Graphics | MDN</span></a>, su <span style="font-style:italic;">developer.mozilla.org</span>. <small>URL consultato il 19 gennaio 2021</small>.</cite></span> </li> <li id="cite_note-6"><a href="#cite_ref-6"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web"><span style="font-style:italic;">Adding vector graphics to the Web - Learn web development | MDN</span></a>, su <span style="font-style:italic;">developer.mozilla.org</span>. <small>URL consultato il 19 gennaio 2021</small>.</cite></span> </li> <li id="cite_note-7"><a href="#cite_ref-7"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="https://www.w3schools.com/html/html5_svg.asp"><span style="font-style:italic;">HTML SVG</span></a>, su <span style="font-style:italic;">w3schools.com</span>. <small>URL consultato il 19 gennaio 2021</small>.</cite></span> </li> <li id="cite_note-8"><a href="#cite_ref-8"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="https://www.wellnet.it/blog/recensioni/svg-o-canvas-il-tuo-html5"><span style="font-style:italic;">SVG o Canvas per il tuo HTML5?</span></a>, su <span style="font-style:italic;">Wellnet</span>, 9 maggio 2014. <small>URL consultato il 19 gennaio 2021</small>.</cite></span> </li> <li id="cite_note-9"><a href="#cite_ref-9"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal">(<span style="font-weight:bolder; font-size:80%"><abbr title="inglese">EN</abbr></span>) <a rel="nofollow" class="external text" href="https://css-tricks.com/when-to-use-svg-vs-when-to-use-canvas/"><span style="font-style:italic;">When to Use SVG vs. When to Use Canvas</span></a>, su <span style="font-style:italic;">CSS-Tricks</span>, 12 novembre 2019. <small>URL consultato il 29 gennaio 2021</small>.</cite></span> </li> <li id="cite_note-10"><a href="#cite_ref-10"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="http://www.w3.org/TR/SVG11/fonts.html"><span style="font-style:italic;">Fonts – SVG 1.1 (Second Edition)</span></a>, su <span style="font-style:italic;">w3.org</span>. <small>URL consultato il 19 gennaio 2021</small>.</cite></span> </li> <li id="cite_note-11"><a href="#cite_ref-11"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal">(<span style="font-weight:bolder; font-size:80%"><abbr title="inglese">EN</abbr></span>) <a rel="nofollow" class="external text" href="https://css-tricks.com/when-to-use-svg-vs-when-to-use-canvas/"><span style="font-style:italic;">When to Use SVG vs. When to Use Canvas</span></a>, su <span style="font-style:italic;">CSS-Tricks</span>, 12 novembre 2019. <small>URL consultato il 19 gennaio 2021</small>.</cite></span> </li> <li id="cite_note-12"><a href="#cite_ref-12"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="https://webmasters.stackexchange.com/questions/13848/do-search-engines-index-text-contained-in-svg-elements"><span style="font-style:italic;">seo - Do search engines index text contained in SVG elements?</span></a>, su <span style="font-style:italic;">Webmasters Stack Exchange</span>. <small>URL consultato il 19 gennaio 2021</small>.</cite></span> </li> <li id="cite_note-13"><a href="#cite_ref-13"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="http://www.w3.org/TR/SVG11/linking.html"><span style="font-style:italic;">Linking – SVG 1.1 (Second Edition)</span></a>, su <span style="font-style:italic;">w3.org</span>. <small>URL consultato il 19 gennaio 2021</small>.</cite></span> </li> <li id="cite_note-14"><a href="#cite_ref-14"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="https://web.archive.org/web/20171202123704/https://theblog.adobe.com/adobe-flash-update/"><span style="font-style:italic;">Flash & The Future of Interactive Content | Adobe Blog</span></a>, su <span style="font-style:italic;">web.archive.org</span>, 2 dicembre 2017. <small>URL consultato il 28 gennaio 2021</small> <small>(archiviato dall'<abbr title="https://theblog.adobe.com/adobe-flash-update/">url originale</abbr> il 2 dicembre 2017)</small>.</cite></span> </li> <li id="cite_note-15"><a href="#cite_ref-15"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal">(<span style="font-weight:bolder; font-size:80%"><abbr title="inglese">EN</abbr></span>) <a rel="nofollow" class="external text" href="https://css-tricks.com/animating-svg-css/"><span style="font-style:italic;">Animating SVG with CSS</span></a>, su <span style="font-style:italic;">CSS-Tricks</span>, 17 aprile 2014. <small>URL consultato il 28 gennaio 2021</small>.</cite></span> </li> <li id="cite_note-16"><a href="#cite_ref-16"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal">(<span style="font-weight:bolder; font-size:80%"><abbr title="inglese">EN</abbr></span>) Paul Festa, <a rel="nofollow" class="external text" href="https://www.cnet.com/news/w3c-releases-scripting-standard-caveat/"><span style="font-style:italic;">W3C releases scripting standard, caveat</span></a>, su <span style="font-style:italic;">CNET</span>. <small>URL consultato il 19 gennaio 2021</small>.</cite></span> </li> <li id="cite_note-17"><a href="#cite_ref-17"><b>^</b></a> <span class="reference-text"><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/SVG/Element/metadata"><span style="font-style:italic;">- SVG: Scalable Vector Graphics | MDN</span></a>, su <span style="font-style:italic;">developer.mozilla.org</span>. <small>URL consultato il 19 gennaio 2021</small>.</cite></span> </li> </ol></div> <div class="mw-heading mw-heading2"><h2 id="Bibliografia">Bibliografia</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=19" title="Modifica la sezione Bibliografia" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=19" title="Edit section's source code: Bibliografia"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><cite id="CITEREFEisenberg" class="citation libro" style="font-style:normal">(<span style="font-weight:bolder; font-size:80%"><abbr title="inglese">EN</abbr></span>) J. David Eisenberg e Amelia Bellamy-Royds, <span style="font-style:italic;">SVG Essentials</span>, 2ª ed., O'Reilly Media, 2014, <a href="/wiki/ISBN" title="ISBN">ISBN</a> <a href="/wiki/Speciale:RicercaISBN/9781449374358" title="Speciale:RicercaISBN/9781449374358">9781449374358</a>.</cite></li></ul> <div class="mw-heading mw-heading2"><h2 id="Voci_correlate">Voci correlate</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=20" title="Modifica la sezione Voci correlate" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=20" title="Edit section's source code: Voci correlate"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Grafica_computerizzata" class="mw-redirect" title="Grafica computerizzata">Grafica computerizzata</a></li> <li><a href="/wiki/GXL" title="GXL">GXL</a></li> <li><a href="/wiki/XML" title="XML">XML</a></li> <li><a href="/wiki/ShockWave_Flash" class="mw-redirect" title="ShockWave Flash">ShockWave Flash</a></li></ul> <div class="mw-heading mw-heading2"><h2 id="Altri_progetti">Altri progetti</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=21" title="Modifica la sezione Altri progetti" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=21" title="Edit section's source code: Altri progetti"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <div id="interProject" class="toccolours" style="display: none; clear: both; margin-top: 2em"><p id="sisterProjects" style="background-color: #efefef; color: black; font-weight: bold; margin: 0"><span>Altri progetti</span></p><ul title="Collegamenti verso gli altri progetti Wikimedia"> <li class="" title=""><span class="plainlinks" title="commons:Category:Scalable Vector Graphics"><a class="external text" href="https://commons.wikimedia.org/wiki/Category:Scalable_Vector_Graphics?uselang=it">Wikimedia Commons</a></span></li></ul></div> <ul><li><span typeof="mw:File"><a href="https://commons.wikimedia.org/wiki/?uselang=it" title="Collabora a Wikimedia Commons"><img alt="Collabora a Wikimedia Commons" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/18px-Commons-logo.svg.png" decoding="async" width="18" height="24" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/27px-Commons-logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/36px-Commons-logo.svg.png 2x" data-file-width="1024" data-file-height="1376" /></a></span> <span class="plainlinks"><a class="external text" href="https://commons.wikimedia.org/wiki/?uselang=it">Wikimedia Commons</a></span> contiene immagini o altri file sullo <b><span class="plainlinks"><a class="external text" href="https://commons.wikimedia.org/wiki/Category:Scalable_Vector_Graphics?uselang=it">Scalable Vector Graphics</a></span></b></li></ul> <div class="mw-heading mw-heading2"><h2 id="Collegamenti_esterni">Collegamenti esterni</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Scalable_Vector_Graphics&veaction=edit&section=22" title="Modifica la sezione Collegamenti esterni" class="mw-editsection-visualeditor"><span>modifica</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Scalable_Vector_Graphics&action=edit&section=22" title="Edit section's source code: Collegamenti esterni"><span>modifica wikitesto</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li class="mw-empty-elt"></li> <li><cite class="citation web" style="font-style:normal">(<span style="font-weight:bolder; font-size:80%"><abbr title="inglese">EN</abbr></span>) <a rel="nofollow" class="external text" href="https://www.w3.org/Graphics/SVG/"><span style="font-style:italic;">Sito ufficiale</span></a>, su <span style="font-style:italic;">w3.org</span>.</cite> <span class="mw-valign-text-top noprint" typeof="mw:File/Frameless"><a href="https://www.wikidata.org/wiki/Q2078#P856" title="Modifica su Wikidata"><img alt="Modifica su Wikidata" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/10px-Blue_pencil.svg.png" decoding="async" width="10" height="10" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/15px-Blue_pencil.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/20px-Blue_pencil.svg.png 2x" data-file-width="600" data-file-height="600" /></a></span></li> <li><cite id="CITEREFBritannica.com" class="citation web" style="font-style:normal">(<span style="font-weight:bolder; font-size:80%"><abbr title="inglese">EN</abbr></span>) <a rel="nofollow" class="external text" href="https://www.britannica.com/topic/scalable-vector-graphics"><span style="font-style:italic;">scalable vector graphics</span></a>, su <span style="font-style:italic;"><a href="/wiki/Enciclopedia_Britannica" title="Enciclopedia Britannica">Enciclopedia Britannica</a></span>, Encyclopædia Britannica, Inc.</cite> <span class="mw-valign-text-top noprint" typeof="mw:File/Frameless"><a href="https://www.wikidata.org/wiki/Q2078#P1417" title="Modifica su Wikidata"><img alt="Modifica su Wikidata" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/10px-Blue_pencil.svg.png" decoding="async" width="10" height="10" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/15px-Blue_pencil.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/20px-Blue_pencil.svg.png 2x" data-file-width="600" data-file-height="600" /></a></span></li> <li><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="https://github.com/w3c/svgwg"><span style="font-style:italic;">Repository sorgenti di Scalable Vector Graphics</span></a>, su <span style="font-style:italic;">github.com</span>.</cite> <span class="mw-valign-text-top noprint" typeof="mw:File/Frameless"><a href="https://www.wikidata.org/wiki/Q2078#P1324" title="Modifica su Wikidata"><img alt="Modifica su Wikidata" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/10px-Blue_pencil.svg.png" decoding="async" width="10" height="10" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/15px-Blue_pencil.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/20px-Blue_pencil.svg.png 2x" data-file-width="600" data-file-height="600" /></a></span></li> <li><cite id="CITEREFFOLDOC" class="citation testo" style="font-style:normal">(<span style="font-weight:bolder; font-size:80%"><abbr title="inglese">EN</abbr></span>) Denis Howe, <span style="font-style:italic;"><a href="https://foldoc.org/SVG" class="extiw" title="foldoc:SVG">Scalable Vector Graphics</a></span>, in <span style="font-style:italic;"><a href="/wiki/Free_On-line_Dictionary_of_Computing" title="Free On-line Dictionary of Computing">Free On-line Dictionary of Computing</a></span>.</cite> Disponibile con licenza <a href="/wiki/GNU_Free_Documentation_License" title="GNU Free Documentation License">GFDL</a></li> <li><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="https://www.w3.org/Graphics/SVG/"><span style="font-style:italic;">Pagina ufficiale su SVG del W3C</span></a>, su <span style="font-style:italic;">w3.org</span>.</cite></li> <li><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="http://alt-soft.com/tutorial/svg_tutorial/introduction.html"><span style="font-style:italic;">SVG Tutorial by Altsoft</span></a>, su <span style="font-style:italic;">alt-soft.com</span>.</cite></li> <li><a rel="nofollow" class="external text" href="http://www.html.it/guide/guida-svg/">Guida SVG - HTML.it</a> Imparare ad utilizzare lo standard SVG. costruire di immagini, barre di navigazione e gli elementi grafici tipici di una pagina Web</li> <li><cite class="citation web" style="font-style:normal"> <a rel="nofollow" class="external text" href="http://www.sharecad.org/"><span style="font-style:italic;">Visualizzatore gratis on-line</span></a>, su <span style="font-style:italic;">sharecad.org</span>.</cite></li></ul> <style data-mw-deduplicate="TemplateStyles:r141815314">.mw-parser-output .navbox{border:1px solid #aaa;clear:both;margin:auto;padding:2px;width:100%}.mw-parser-output .navbox th{padding-left:1em;padding-right:1em;text-align:center}.mw-parser-output .navbox>tbody>tr:first-child>th{background:#ccf;font-size:90%;width:100%;color:var(--color-base,black)}.mw-parser-output .navbox_navbar{float:left;margin:0;padding:0 10px 0 0;text-align:left;width:6em}.mw-parser-output .navbox_title{font-size:110%}.mw-parser-output .navbox_abovebelow{background:#ddf;font-size:90%;font-weight:normal}.mw-parser-output .navbox_group{background:#ddf;font-size:90%;padding:0 10px;white-space:nowrap}.mw-parser-output .navbox_list{font-size:90%;width:100%}.mw-parser-output .navbox_list a{white-space:nowrap}html:not(.vector-feature-night-mode-enabled) .mw-parser-output .navbox_odd{background:#fdfdfd;color:var(--color-base,black)}html:not(.vector-feature-night-mode-enabled) .mw-parser-output .navbox_even{background:#f7f7f7;color:var(--color-base,black)}.mw-parser-output .navbox a.mw-selflink{color:var(--color-base,black)}.mw-parser-output .navbox_center{text-align:center}.mw-parser-output .navbox .navbox_image{padding-left:7px;vertical-align:middle;width:0}.mw-parser-output .navbox+.navbox{margin-top:-1px}.mw-parser-output .navbox .mw-collapsible-toggle{font-weight:normal;text-align:right;width:7em}body.skin--responsive .mw-parser-output .navbox_image img{max-width:none!important}.mw-parser-output .subnavbox{margin:-3px;width:100%}.mw-parser-output .subnavbox_group{background:#e6e6ff;padding:0 10px}@media screen{html.skin-theme-clientpref-night .mw-parser-output .navbox>tbody>tr:first-child>th{background:var(--background-color-interactive)!important}html.skin-theme-clientpref-night .mw-parser-output .navbox th{color:var(--color-base)!important}html.skin-theme-clientpref-night .mw-parser-output .navbox_abovebelow,html.skin-theme-clientpref-night .mw-parser-output .navbox_group{background:var(--background-color-interactive-subtle)!important}html.skin-theme-clientpref-night .mw-parser-output .subnavbox_group{background:var(--background-color-neutral-subtle)!important}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbox>tbody>tr:first-child>th{background:var(--background-color-interactive)!important}html.skin-theme-clientpref-os .mw-parser-output .navbox th{color:var(--color-base)!important}html.skin-theme-clientpref-os .mw-parser-output .navbox_abovebelow,html.skin-theme-clientpref-os .mw-parser-output .navbox_group{background:var(--background-color-interactive-subtle)!important}html.skin-theme-clientpref-os .mw-parser-output .subnavbox_group{background:var(--background-color-neutral-subtle)!important}}</style><table class="navbox mw-collapsible autocollapse noprint metadata" id="navbox-Interfacce_web"><tbody><tr><th colspan="2"><div class="navbox_navbar"><div class="noprint plainlinks" style="background-color:transparent; padding:0; font-size:xx-small; color:var(--color-base, #000000); white-space:nowrap;"><a href="/wiki/Template:Interfacce_web" title="Template:Interfacce web"><span title="Vai alla pagina del template">V</span></a> · <a href="/w/index.php?title=Discussioni_template:Interfacce_web&action=edit&redlink=1" class="new" title="Discussioni template:Interfacce web (la pagina non esiste)"><span title="Discuti del template">D</span></a> · <a class="external text" href="https://it.wikipedia.org/w/index.php?title=Template:Interfacce_web&action=edit"><span title="Modifica il template. Usa l'anteprima prima di salvare">M</span></a></div></div><span class="navbox_title">Interfacce web</span></th></tr><tr><th colspan="1" class="navbox_group"><a href="/wiki/Lato_server" title="Lato server">Lato server</a></th><td colspan="1" class="navbox_list navbox_odd"><table class="subnavbox"><tbody><tr><th class="subnavbox_group">Protocolli</th><td colspan="1"><a href="/wiki/Hypertext_Transfer_Protocol" title="Hypertext Transfer Protocol">HTTP</a><b> ·</b> <a href="/wiki/Common_Gateway_Interface" title="Common Gateway Interface">CGI</a><b> ·</b> <a href="/w/index.php?title=Simple_Common_Gateway_Interface&action=edit&redlink=1" class="new" title="Simple Common Gateway Interface (la pagina non esiste)">SCGI</a><b> ·</b> <a href="/wiki/FastCGI" title="FastCGI">FCGI</a><b> ·</b> <a href="/w/index.php?title=Apache_JServ_Protocol&action=edit&redlink=1" class="new" title="Apache JServ Protocol (la pagina non esiste)">AJP</a><b> ·</b> <a href="/w/index.php?title=Web_Services_for_Remote_Portlets&action=edit&redlink=1" class="new" title="Web Services for Remote Portlets (la pagina non esiste)">WSRP</a><b> ·</b> <a href="/wiki/WebSocket" title="WebSocket">WebSocket</a></td></tr><tr><th class="subnavbox_group"><a href="/wiki/Application_programming_interface" title="Application programming interface">API</a> Server</th><td colspan="1"><a href="/w/index.php?title=Netscape_Server_Application_Programming_Interface&action=edit&redlink=1" class="new" title="Netscape Server Application Programming Interface (la pagina non esiste)">C NSAPI</a><b> ·</b> <a href="/wiki/Apache_HTTP_Server#Caratteristiche" title="Apache HTTP Server">C ASAPI</a><b> ·</b> <a href="/w/index.php?title=Internet_Server_Application_Programming_Interface&action=edit&redlink=1" class="new" title="Internet Server Application Programming Interface (la pagina non esiste)">C ISAPI</a><b> ·</b> <a href="/wiki/Active_Server_Pages" title="Active Server Pages">COM ASP</a><b> ·</b> <a href="/wiki/Servlet" title="Servlet">Java servlet</a><b> ·</b> <a href="/w/index.php?title=Web_container&action=edit&redlink=1" class="new" title="Web container (la pagina non esiste)">container</a><b> ·</b> <a href="/w/index.php?title=Open_Web_Interface_for_.NET&action=edit&redlink=1" class="new" title="Open Web Interface for .NET (la pagina non esiste)">CLI OWIN</a><b> ·</b> <a href="/w/index.php?title=HTTP_handler&action=edit&redlink=1" class="new" title="HTTP handler (la pagina non esiste)">ASP.NET Handler</a><b> ·</b> <a href="/wiki/Web_Server_Gateway_Interface" title="Web Server Gateway Interface">Python WSGI</a><b> ·</b> <a href="/w/index.php?title=Rack_(web_server_interface)&action=edit&redlink=1" class="new" title="Rack (web server interface) (la pagina non esiste)">Ruby Rack</a><b> ·</b> <a href="/w/index.php?title=JSGI&action=edit&redlink=1" class="new" title="JSGI (la pagina non esiste)">JavaScript JSGI</a><b> ·</b> <a href="/w/index.php?title=Plack_(software)&action=edit&redlink=1" class="new" title="Plack (software) (la pagina non esiste)">Perl PSGI</a><b> ·</b> <a href="/w/index.php?title=Kepler_(software)&action=edit&redlink=1" class="new" title="Kepler (software) (la pagina non esiste)">Lua WSAPI</a><b> ·</b> <a href="/wiki/Portlet" title="Portlet">Portlet</a></td></tr><tr><th class="subnavbox_group">Argomenti</th><td colspan="1"><a href="/wiki/Web_service" title="Web service">Web service</a><b> ·</b> <a href="/w/index.php?title=Open_API&action=edit&redlink=1" class="new" title="Open API (la pagina non esiste)">Open API</a><b> ·</b> <a href="/wiki/Webhook" title="Webhook">Webhook</a><b> ·</b> <a href="/wiki/Application_server" title="Application server">Application server</a></td></tr></tbody></table></td></tr><tr><th colspan="1" class="navbox_group"><a href="/wiki/Lato_client" title="Lato client">Lato client</a></th><td colspan="1" class="navbox_list navbox_even"><table class="subnavbox"><tbody><tr><th class="subnavbox_group"><a href="/wiki/Application_programming_interface" title="Application programming interface">API</a> <a href="/wiki/Browser" title="Browser">browser</a></th><td colspan="1"><a href="/wiki/NPAPI" title="NPAPI">C NPAPI</a> (<a href="/wiki/NPAPI#LiveConnect" title="NPAPI">LiveConnect</a><b> ·</b> <a href="/wiki/NPAPI#XPConnect" title="NPAPI">XPConnect</a><b> ·</b> <a href="/wiki/NPAPI#NPRuntime" title="NPAPI">C NPRuntime</a>)<b> ·</b> <a href="/wiki/Google_Native_Client#Pepper" title="Google Native Client">C PPAPI</a> (<a href="/wiki/Google_Native_Client" title="Google Native Client">NaCl</a>)<b> ·</b> <a href="/wiki/ActiveX" title="ActiveX">ActiveX</a><b> ·</b> <a href="/wiki/Browser_Helper_Object" title="Browser Helper Object">BHO</a><b> ·</b> <a href="/w/index.php?title=XAML_Browser_Applications&action=edit&redlink=1" class="new" title="XAML Browser Applications (la pagina non esiste)">XBAP</a></td></tr><tr><th class="subnavbox_group"><a href="/wiki/Application_programming_interface" title="Application programming interface">API</a> web</th><td colspan="1"><table class="subnavbox"><tbody><tr><th class="subnavbox_group"><a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a></th><td colspan="1"><a href="/w/index.php?title=HTML5_audio&action=edit&redlink=1" class="new" title="HTML5 audio (la pagina non esiste)">Audio</a><b> ·</b> <a href="/wiki/Canvas_(elemento_HTML)" title="Canvas (elemento HTML)">Canvas</a><b> ·</b> <a href="/wiki/Cross-origin_resource_sharing" title="Cross-origin resource sharing">CORS</a><b> ·</b> <a href="/wiki/Document_Object_Model" title="Document Object Model">DOM</a><b> ·</b> <a href="/w/index.php?title=DOM_events&action=edit&redlink=1" class="new" title="DOM events (la pagina non esiste)">DOM events</a><b> ·</b> <a href="/w/index.php?title=Encrypted_Media_Extensions&action=edit&redlink=1" class="new" title="Encrypted Media Extensions (la pagina non esiste)">EME</a><b> ·</b> <a href="/w/index.php?title=HTML5_File_API&action=edit&redlink=1" class="new" title="HTML5 File API (la pagina non esiste)">File</a><b> ·</b> <a href="/wiki/Web_Open_Font_Format" title="Web Open Font Format">Font</a> <a href="/w/index.php?title=W3C_Geolocation_API&action=edit&redlink=1" class="new" title="W3C Geolocation API (la pagina non esiste)">Geolocation</a><b> ·</b> <a href="/w/index.php?title=Indexed_Database_API&action=edit&redlink=1" class="new" title="Indexed Database API (la pagina non esiste)">IndexedDB</a><b> ·</b> <a href="/w/index.php?title=Media_Source_Extensions&action=edit&redlink=1" class="new" title="Media Source Extensions (la pagina non esiste)">MSE</a><b> ·</b> <a href="/w/index.php?title=Server-sent_events&action=edit&redlink=1" class="new" title="Server-sent events (la pagina non esiste)">SSE</a><b> ·</b> <a class="mw-selflink selflink">SVG</a><b> ·</b> <a href="/wiki/HTML5_video" title="HTML5 video">Video</a><b> ·</b> <a href="/wiki/WebRTC" title="WebRTC">WebRTC</a><b> ·</b> <a href="/wiki/WebSocket" title="WebSocket">WebSocket</a><b> ·</b> <a href="/w/index.php?title=Web_Messaging&action=edit&redlink=1" class="new" title="Web Messaging (la pagina non esiste)">Web messaging</a><b> ·</b> <a href="/w/index.php?title=Web_storage&action=edit&redlink=1" class="new" title="Web storage (la pagina non esiste)">Web storage</a><b> ·</b> <a href="/wiki/Web_worker" title="Web worker">Web worker</a><b> ·</b> <a href="/wiki/XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a><b> ·</b> <a href="/wiki/WebAssembly" title="WebAssembly">WebAssembly</a></td></tr><tr><th class="subnavbox_group"><a href="/wiki/Khronos_Group" title="Khronos Group">Khronos</a></th><td colspan="1"><a href="/wiki/WebCL" title="WebCL">WebCL</a><b> ·</b> <a href="/wiki/WebGL" title="WebGL">WebGL</a></td></tr><tr><th class="subnavbox_group">Altri</th><td colspan="1"><a href="/wiki/Google_Gears" title="Google Gears">Google Gears</a><b> ·</b> <a href="/w/index.php?title=Web_SQL_Database&action=edit&redlink=1" class="new" title="Web SQL Database (la pagina non esiste)">Web SQL Database</a> (formerly W3C)<b> ·</b> <a href="/w/index.php?title=WebUSB&action=edit&redlink=1" class="new" title="WebUSB (la pagina non esiste)">WebUSB</a></td></tr></tbody></table></td></tr><tr><th class="subnavbox_group">Argomenti</th><td colspan="1"><a href="/wiki/AJAX" title="AJAX">AJAX</a> vs. <a href="/wiki/DHTML" title="DHTML">DHTML</a><b> ·</b> <a href="/wiki/Mash-up_(informatica)" title="Mash-up (informatica)">Mashup</a><b> ·</b> <a href="/w/index.php?title=Web_IDL&action=edit&redlink=1" class="new" title="Web IDL (la pagina non esiste)">Web IDL</a><b> ·</b> <a href="/w/index.php?title=Client-side_scripting&action=edit&redlink=1" class="new" title="Client-side scripting (la pagina non esiste)">Scripting</a></td></tr></tbody></table></td></tr><tr><th colspan="1" class="navbox_group">Argomenti</th><td colspan="1" class="navbox_list navbox_odd"><a href="/wiki/Web_statico" title="Web statico">Web statico</a><b> ·</b> <a href="/wiki/Web_dinamico" title="Web dinamico">Web dinamico</a><b> ·</b> <a href="/w/index.php?title=Web_platform&action=edit&redlink=1" class="new" title="Web platform (la pagina non esiste)">Open Web Platform</a><b> ·</b> <a href="/wiki/Rich_Internet_application" title="Rich Internet application">Rich Internet application</a><b> ·</b> <a href="/wiki/Applicazione_web" title="Applicazione web">Applicazione web</a></td></tr></tbody></table> <style data-mw-deduplicate="TemplateStyles:r140554510">.mw-parser-output .CdA{border:1px solid #aaa;width:100%;margin:auto;font-size:90%;padding:2px}.mw-parser-output .CdA th{background-color:#f2f2f2;font-weight:bold;width:20%}@media screen{html.skin-theme-clientpref-night .mw-parser-output .CdA{border-color:#54595D}html.skin-theme-clientpref-night .mw-parser-output .CdA th{background-color:#202122}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .CdA{border-color:#54595D}html.skin-theme-clientpref-os .mw-parser-output .CdA th{background-color:#202122}}</style><table class="CdA"><tbody><tr><th><a href="/wiki/Aiuto:Controllo_di_autorit%C3%A0" title="Aiuto:Controllo di autorità">Controllo di autorità</a></th><td><a href="/wiki/Library_of_Congress_Control_Number" title="Library of Congress Control Number">LCCN</a> <span class="uid">(<span style="font-weight:bolder; font-size:80%"><abbr title="inglese">EN</abbr></span>) <a rel="nofollow" class="external text" href="http://id.loc.gov/authorities/subjects/sh2002004644">sh2002004644</a></span><span style="font-weight:bold;"> ·</span> <a href="/wiki/Gemeinsame_Normdatei" title="Gemeinsame Normdatei">GND</a> <span class="uid">(<span style="font-weight:bolder; font-size:80%"><abbr title="tedesco">DE</abbr></span>) <a rel="nofollow" class="external text" href="https://d-nb.info/gnd/4658480-8">4658480-8</a></span><span style="font-weight:bold;"> ·</span> <a href="/wiki/Biblioteca_nazionale_di_Francia" title="Biblioteca nazionale di Francia">BNF</a> <span class="uid">(<span style="font-weight:bolder; font-size:80%"><abbr title="francese">FR</abbr></span>) <a rel="nofollow" class="external text" href="https://catalogue.bnf.fr/ark:/12148/cb14487634q">cb14487634q</a> <a rel="nofollow" class="external text" href="https://data.bnf.fr/ark:/12148/cb14487634q">(data)</a></span><span style="font-weight:bold;"> ·</span> <a href="/wiki/Biblioteca_nazionale_di_Israele" title="Biblioteca nazionale di Israele">J9U</a> <span class="uid">(<span style="font-weight:bolder; font-size:80%"><abbr title="inglese">EN</abbr>, <abbr title="ebraico">HE</abbr></span>) <a rel="nofollow" class="external text" href="http://olduli.nli.org.il/F/?func=find-b&local_base=NLX10&find_code=UID&request=987007539734105171">987007539734105171</a></span></td></tr></tbody></table> <div class="noprint" style="width:100%; padding: 3px 0; display: flex; flex-wrap: wrap; row-gap: 4px; column-gap: 8px; box-sizing: border-box;"><div style="flex-grow: 1"><style data-mw-deduplicate="TemplateStyles:r140555418">.mw-parser-output .itwiki-template-occhiello{width:100%;line-height:25px;border:1px solid #CCF;background-color:#F0EEFF;box-sizing:border-box}.mw-parser-output .itwiki-template-occhiello-progetto{background-color:#FAFAFA}@media screen{html.skin-theme-clientpref-night .mw-parser-output .itwiki-template-occhiello{background-color:#202122;border-color:#54595D}html.skin-theme-clientpref-night .mw-parser-output .itwiki-template-occhiello-progetto{background-color:#282929}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .itwiki-template-occhiello{background-color:#202122;border-color:#54595D}html.skin-theme-clientpref-os .mw-parser-output .itwiki-template-occhiello-progetto{background-color:#282929}}</style><div class="itwiki-template-occhiello"><span class="noviewer" typeof="mw:File"><a href="/wiki/File:Applications-internet.svg" class="mw-file-description" title="Internet"><img alt=" " src="//upload.wikimedia.org/wikipedia/commons/thumb/7/70/Applications-internet.svg/25px-Applications-internet.svg.png" decoding="async" width="25" height="25" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/70/Applications-internet.svg/38px-Applications-internet.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/70/Applications-internet.svg/50px-Applications-internet.svg.png 2x" data-file-width="48" data-file-height="48" /></a></span> <b><a href="/wiki/Portale:Internet" title="Portale:Internet">Portale Internet</a></b>: accedi alle voci di Wikipedia che trattano di internet</div></div></div>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Estratto da "<a dir="ltr" href="https://it.wikipedia.org/w/index.php?title=Scalable_Vector_Graphics&oldid=139286329">https://it.wikipedia.org/w/index.php?title=Scalable_Vector_Graphics&oldid=139286329</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Categoria:Categorie" title="Categoria:Categorie">Categorie</a>: <ul><li><a href="/wiki/Categoria:Formati_di_file_grafici" title="Categoria:Formati di file grafici">Formati di file grafici</a></li><li><a href="/wiki/Categoria:Standard_W3C" title="Categoria:Standard W3C">Standard W3C</a></li><li><a href="/wiki/Categoria:Standard_informatici_basati_su_XML" title="Categoria:Standard informatici basati su XML">Standard informatici basati su XML</a></li><li><a href="/wiki/Categoria:Formati_aperti" title="Categoria:Formati aperti">Formati aperti</a></li><li><a href="/wiki/Categoria:HTML5" title="Categoria:HTML5">HTML5</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Categorie nascoste: <ul><li><a href="/wiki/Categoria:Informazioni_senza_fonte" title="Categoria:Informazioni senza fonte">Informazioni senza fonte</a></li><li><a href="/wiki/Categoria:P856_letta_da_Wikidata" title="Categoria:P856 letta da Wikidata">P856 letta da Wikidata</a></li><li><a href="/wiki/Categoria:P1417_letta_da_Wikidata" title="Categoria:P1417 letta da Wikidata">P1417 letta da Wikidata</a></li><li><a href="/wiki/Categoria:Voci_con_template_Collegamenti_esterni_e_qualificatori_sconosciuti" title="Categoria:Voci con template Collegamenti esterni e qualificatori sconosciuti">Voci con template Collegamenti esterni e qualificatori sconosciuti</a></li><li><a href="/wiki/Categoria:P1324_letta_da_Wikidata" title="Categoria:P1324 letta da Wikidata">P1324 letta da Wikidata</a></li><li><a href="/wiki/Categoria:Voci_con_codice_LCCN" title="Categoria:Voci con codice LCCN">Voci con codice LCCN</a></li><li><a href="/wiki/Categoria:Voci_con_codice_GND" title="Categoria:Voci con codice GND">Voci con codice GND</a></li><li><a href="/wiki/Categoria:Voci_con_codice_BNF" title="Categoria:Voci con codice BNF">Voci con codice BNF</a></li><li><a href="/wiki/Categoria:Voci_con_codice_J9U" title="Categoria:Voci con codice J9U">Voci con codice J9U</a></li><li><a href="/wiki/Categoria:Voci_non_biografiche_con_codici_di_controllo_di_autorit%C3%A0" title="Categoria:Voci non biografiche con codici di controllo di autorità">Voci non biografiche con codici di controllo di autorità</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> Questa pagina è stata modificata per l'ultima volta il 14 mag 2024 alle 15:23.</li> <li id="footer-info-copyright">Il testo è disponibile secondo la <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.it">licenza Creative Commons Attribuzione-Condividi allo stesso modo</a>; possono applicarsi condizioni ulteriori. Vedi le <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use/it">condizioni d'uso</a> per i dettagli.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy/it">Informativa sulla privacy</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:Sala_stampa/Wikipedia">Informazioni su Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:Avvertenze_generali">Avvertenze</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Codice di condotta</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Sviluppatori</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/it.wikipedia.org">Statistiche</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Dichiarazione sui cookie</a></li> <li id="footer-places-mobileview"><a href="//it.m.wikipedia.org/w/index.php?title=Scalable_Vector_Graphics&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Versione mobile</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-76c6b8f495-pwbl9","wgBackendResponseTime":162,"wgPageParseReport":{"limitreport":{"cputime":"0.587","walltime":"0.876","ppvisitednodes":{"value":2683,"limit":1000000},"postexpandincludesize":{"value":58027,"limit":2097152},"templateargumentsize":{"value":1011,"limit":2097152},"expansiondepth":{"value":16,"limit":100},"expensivefunctioncount":{"value":12,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":31328,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 610.820 1 -total"," 26.52% 162.014 1 Template:Collegamenti_esterni"," 19.67% 120.136 1 Template:Formato_file"," 18.93% 115.607 1 Template:Infobox"," 13.25% 80.946 19 Template:Cita_web"," 11.41% 69.694 1 Template:Interfacce_web"," 10.64% 65.020 1 Template:Navbox"," 5.62% 34.325 1 Template:Vedi_anche"," 4.87% 29.723 1 Template:Portale"," 4.59% 28.044 2 Template:Immagine_sinottico"]},"scribunto":{"limitreport-timeusage":{"value":"0.324","limit":"10.000"},"limitreport-memusage":{"value":6276886,"limit":52428800}},"cachereport":{"origin":"mw-web.codfw.main-5fb746f978-gvvmb","timestamp":"20241119111637","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"Scalable Vector Graphics","url":"https:\/\/it.wikipedia.org\/wiki\/Scalable_Vector_Graphics","sameAs":"http:\/\/www.wikidata.org\/entity\/Q2078","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q2078","author":{"@type":"Organization","name":"Contributori ai progetti Wikimedia"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2004-10-08T21:45:56Z","dateModified":"2024-05-14T14:23:24Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a2\/Example_of_SVG_code_and_SVG_rendering.svg","headline":"standard digitale per la grafica vettoriale"}</script> </body> </html>