Najnowsze tutoriale tworzenie stron internetowych
 

SVG Poradnik


SVG oznacza Scalable Vector Graphics.

SVG definiuje grafiki wektorowej opartej w formacie XML.


Przykłady W każdym rozdziale

Dzięki naszej "Try it Yourself" redaktor, można edytować SVG i kliknij na przycisku, aby wyświetlić wynik.

Przykład SVG

<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>
Spróbuj sam "

Co należy już wiem

Przed kontynuowaniem należy mieć podstawową wiedzę z następujących czynności:

  • HTML
  • Podstawowe XML

Jeśli chcesz uczyć się tych przedmiotów najpierw znaleźć tutoriale na naszej stronie głównej .


Czym jest SVG?

  • SVG oznacza Scalable Vector Graphics
  • SVG jest używany do zdefiniowania grafiki wektor oparty na sieci
  • SVG definiuje grafikę w formacie XML
  • grafiki SVG nie tracą żadnej jakości, jeśli są one powiększony lub zmieniony
  • Każdy element i każdy atrybut SVG mogą być animowane
  • SVG jest rekomendacją W3C
  • SVG integruje się z innymi standardami W3C jak DOM i XSL

SVG jest rekomendacją W3C

SVG 1.0 stała się rekomendacją W3C w dniu 4 września 2001 r.

SVG 1.1 stała się rekomendacją W3C na 14 stycznia 2003 r.

SVG 1.1 (Second Edition) został Zalecenie W3C w dniu 16 sierpnia 2011 roku.


Zalety SVG

Zalety korzystania z SVG nad innymi formatami obrazu (takich jak JPEG i GIF) są następujące:

  • Obrazy SVG mogą być tworzone i edytowane za pomocą dowolnego edytora tekstu
  • Obrazy SVG mogą być przeszukiwane, indeksowane, skrypty i sprężone
  • Obrazy SVG są skalowalne
  • Obrazy SVG można drukować z wysoką jakością w dowolnej rozdzielczości
  • Obrazy SVG są zoomable (and the image can be zoomed without degradation)
  • SVG jest otwartym standardem
  • SVG są czyste XML

Głównym konkurentem SVG jest Flash.

Największą zaletą SVG ma ponad Flash jest zgodność z innymi standardami (eg XSL and the DOM) . Flash opiera się na opatentowanej technologii, która nie jest open source.


Tworzenie obrazów SVG

Obrazy SVG można utworzyć za pomocą dowolnego edytora tekstu, ale często jest to bardziej wygodne do tworzenia obrazów SVG w programie graficznym, jak Inkscape .