SVG- tutoriaal
SVG staan vir Scalable Vector Graphics.
SVG definieer vektor-gebaseerde grafika in XML-formaat.
Voorbeelde in elke hoofstuk
Met ons "Probeer dit self"-redigeerder kan jy die SVG wysig en op 'n knoppie klik om die resultaat te sien.
SVG voorbeeld
<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>
Wat jy reeds behoort te weet
Voordat jy voortgaan, moet jy 'n bietjie basiese begrip hê van die volgende:
- HTML
- Basiese XML
As jy eers hierdie vakke wil bestudeer, vind die tutoriale op ons Tuisblad .
Wat is SVG?
- SVG staan vir Scalable Vector Graphics
- SVG word gebruik om vektorgebaseerde grafika vir die web te definieer
- SVG definieer die grafika in XML-formaat
- Elke element en elke kenmerk in SVG-lêers kan geanimeer word
- SVG is 'n W3C-aanbeveling
- SVG integreer met ander W3C-standaarde soos die DOM en XSL
SVG is 'n W3C-aanbeveling
SVG 1.0 het op 4 September 2001 'n W3C-aanbeveling geword.
SVG 1.1 het op 14 Januarie 2003 'n W3C-aanbeveling geword.
SVG 1.1 (Tweede uitgawe) het op 16 Augustus 2011 'n W3C-aanbeveling geword.
SVG voordele
Voordele van die gebruik van SVG bo ander beeldformate (soos JPEG en GIF) is:
- SVG-beelde kan met enige teksredigeerder geskep en geredigeer word
- SVG-beelde kan deursoek, geïndekseer, geskryf en saamgepers word
- SVG-beelde is skaalbaar
- SVG-beelde kan met 'n hoë gehalte teen enige resolusie gedruk word
- SVG-beelde kan inzoomen
- SVG-grafika verloor GEEN kwaliteit as hulle ingezoem of verander word nie
- SVG is 'n oop standaard
- SVG-lêers is suiwer XML
Skep SVG-beelde
SVG-beelde kan met enige teksredigeerder geskep word, maar dit is dikwels geriefliker om SVG-beelde met 'n tekenprogram, soos Inkscape , te skep .