SVG introduktion

SVG is a language used to describe two-dimensional graphics and drawing programs using XML.

Basic knowledge required before learning:

Before you continue learning, you should have a basic understanding of the following:

  • HTML
  • XML basics

If you want to learn these contents first, please visitHome pageChoose the corresponding tutorial.

What is SVG?

  • SVG stands for Scalable Vector Graphics
  • SVG is used to define vector graphics for the web
  • SVG uses XML format to define graphics
  • The graphic quality of SVG images is not lost when they are zoomed in or resized
  • SVG is a standard of the World Wide Web Consortium
  • SVG and W3C standards such as DOM and XSL are an integral part

SVG is a W3C recommendation standard

SVG became a W3C recommendation standard on January 14, 2003.

For more information about W3C's SVG activities, please visit our W3C tutorial.

SVG's history and advantages

I januar 2003 blev SVG 1.1 etableret som W3C standard.

Organisationer, der deltog i definitionen af SVG, inkluderer Sun Microsystems, Adobe, Apple, IBM og Kodak.

De fordele ved at bruge SVG sammenlignet med andre billedformater er:

  • SVG kan læses og redigeres af et meget stort antal værktøjer (f.eks. Notepad)
  • Compared to JPEG and GIF images, SVG has a smaller size and is more compressible.
  • SVG er skalerbar
  • SVG-billeder kan printes i høj kvalitet i enhver opløsning
  • SVG kan forstørres uden at kvaliteten af billedet falder
  • Teksten i SVG-billeder er valgfri og søgbart (ideelt til at lave kort)
  • SVG kan køres sammen med Java-teknologi
  • SVG er en åben standard
  • SVG-filer er rene XML

SVG's main competitor is Flash.

Compared to Flash, the biggest advantage of SVG is compatibility with other standards (such as XSL and DOM), while Flash is an unopen source private technology.

Se SVG-filer

I dag understøtter alle browsere SVG-filer, med undtagelse af Internet Explorer, der kræver installation af et plugin. Plugin'et er gratis, for eksempel Adobe SVG Viewer.