SVG Handleiding

SVG aanbevelingen voor cursussen:

SVG het verwijst naar Scalable Vector Graphics (Scalable Vector Graphics). XML definieert het formaat van vectorgebaseerde grafieken.

voorbeelden in elk hoofdstuk

Met onze 'probeer het zelf' editor kun je SVG bewerken en klik dan op de knop om de resultaten te bekijken.

SVG Voorbeeld

<html>
<body>
<h1>Mijn eerste SVG</h1>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>

probeer het zelf

de basisvaardigheden die je moet hebben

voordat je verder gaat, zou je enige basiskennis moeten hebben van het volgende:

  • HTML
  • basis XML

Als je deze inhoud wilt leren, bezoek dan de relevante tutorials op onze homepage.

wat is SVG？

  • SVG het verwijst naar Scalable Vector Graphics
  • SVG wordt gebruikt om vectorgebaseerde webgrafieken te definiëren
  • SVG definieert grafiek in XML-formaat
  • SVG elke element en elke eigenschap in het bestand kan worden geanimeerd
  • SVG is een W3C-aanbevolen standaard
  • SVG integreert met andere W3C-standaarden, zoals DOM en XSL

SVG is een W3C-aanbevolen standaard

SVG 1.0 werd op 4 september 2001 een W3C-aanbevolen standaard.

SVG 1.1 werd op 14 januari 2003 een W3C-aanbevolen standaard.

SVG 1.1 (tweede editie) werd op 16 augustus 2011 een W3C-aanbevolen standaard.

SVG de voordelen

in vergelijking met andere beeldformaten (zoals JPEG en GIF), het gebruik van SVG de voordelen zijn:

  • SVG het beeld kan worden gemaakt en bewerkt met elke teksteditor
  • SVG het beeld kan worden doorzocht, geïndexeerd, gescriteurd en gecomprimeerd
  • SVG het beeld is uitbreidbaar
  • SVG het beeld kan in elke resolutie van hoge kwaliteit worden afgedrukt
  • SVG het beeld is schaalbaar
  • SVG het beeld verliest geen kwaliteit bij het vergroten of verkleinen
  • SVG is een open standaard
  • SVG bestanden zijn puur XML

creëren SVG afbeeldingen

SVG Afbeeldingen kunnen worden gemaakt met elke teksteditor, maar het gebruik van tekenprogramma's (bijvoorbeeld Inkscape）SVG-afbeeldingen maken is meestal gemakkelijker.