Ultimele tutoriale de dezvoltare web
 

SVG Tutorial

❮ w3ii Acasă Capitolul următor ❯

SVG standuri pentru Scalable Vector Graphics.

SVG definește pe bază de grafică vectorială în format XML.

Exemple în fiecare capitol

Cu noastre "Try it Yourself" - "Try it Yourself" editor, puteți edita SVG, și faceți clic pe un buton pentru a vedea rezultatul.

SVG Exemplu

<html>
<body>

<h1>My first SVG</h1>

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

</body>
</html>
Încearcă - l singur »

Ce trebuie să știți deja

Înainte de a continua, ar trebui să aveți o înțelegere de bază din următoarele:

  • HTML
  • XML de bază

Dacă doriți să studieze aceste subiecte în primul rând, găsiți tutorialele de pe Pagina de pornire .

Ce este SVG?

  • SVG standuri pentru Scalable Vector Graphics
  • SVG este utilizat pentru a defini pe bază de grafică vectorială pentru Web
  • SVG definește grafica în format XML
  • grafica SVG nu își pierd orice calitate în cazul în care acestea sunt mărite sau redimensionate
  • Fiecare element și fiecare atribut în fișierele SVG pot fi animate
  • SVG este o recomandare W3C
  • SVG integrează cu alte standarde, cum ar fi W3C DOM si XSL

SVG este o recomandare W3C

SVG 1.0 a devenit o recomandare W3C la data de 4 septembrie 2001.

SVG 1.1 a devenit o recomandare W3C la 14 ianuarie 2003.

SVG 1.1 (Second Edition) a (Second Edition) a devenit o recomandare W3C la data de 16 august 2011.

Avantaje SVG

Avantajele utilizării SVG față de alte formate de imagine (cum ar fi JPEG și GIF) sunt:

  • Imaginile SVG pot fi create și editate cu orice editor de text
  • Imaginile SVG pot fi căutate, indexate, scriptat, și comprimat
  • Imaginile SVG sunt scalabile
  • Imaginile SVG pot fi imprimate cu înaltă calitate, la orice rezoluție
  • Imaginile SVG sunt zoomable (and the image can be zoomed without degradation)
  • SVG este un standard deschis
  • fișierele SVG sunt XML pur

Principalul concurent SVG este Flash.

Cel mai mare avantaj SVG are peste Flash este respectarea altor standarde (eg XSL and the DOM) de (eg XSL and the DOM) , (eg XSL and the DOM) . Flash se bazeaza pe o tehnologie de proprietate care nu este open source.

Crearea SVG Imagini

Imaginile SVG pot fi create cu orice editor de text, dar este adesea mai convenabil pentru a crea imagini SVG cu un program de desen, cum ar fi Inkscape .


❮ w3ii Acasă Capitolul următor ❯