SVG Voorbeeld
- Vorige pagina SVG Radiaal Verloop
- Volgende pagina SVG Elementen
Bekijk SVG-bestand
Als u geen SVG-viewer heeft geïnstalleerd, kunt u geen SVG-bestanden bekijken.
Opmerking:Firefox 1.5 en Opera 9 ondersteunen SVG van nature. Als u een van deze browsers gebruikt, hoeft u geen SVG-viewer te installeren.
Download SVG-viewer gratis van Adobe.
Bekijk SVG-broncode
Om de SVG-broncode te bekijken, open deze voorbeelden, klik met de rechtermuisknop in het venster en selecteer 'Bekijk broncode'.
SVG Voorbeeld
SVG vorm
- rechthoek
- rechthoek met doorzichtigheid
- rechthoek met doorzichtigheid 2
- rechthoek met ronde hoeken
- cirkel
- ovale
- opgestapeld driemaal een ellips
- twee ellipsen
- een lijn
- driehoek
- kwadrant
- booglijn
- pad
- spiraal
SVG Filter
- feGaussianBlur filter
- Een andere feGaussianBlur Filter
- feBlend Filter
- feColorMatrix Filter
- feComponentTransfer Filter
- feOffset Filter
- feOffset, feFlood, feComposite, feMerge en feMergeNode
- feMorphology Filter
- Filter 1
- Filter 2
- Filter 3
- Filter 4
- Filter 5
- Filter 6
SVG Verloop
- Lineair Verloop (Horizontaal Verloop)
- Lineair Verloop (Verticaal Verloop)
- Radiaal Verloop
- Radiaal Verloop 2
SVG Overig
- Voeg een "a"-element toe aan de rechthoek, zodat de rechthoek als een hyperlink kan dienen.
- Een element maken met JavaScript wanneer de gebruiker op een cirkel klikt.
- Herhaaldelijk een rechthoek gedurende 5 seconden uitdoven
- Bewegingsanimaties creëren door de x, y, width en height-eigenschappen van de rechthoek dynamisch te veranderen en de kleur van de rechthoek te veranderen
- Drie rechthoeken die van kleur veranderen
- Tekst die langs een bewegingspad beweegt
- Tekst die langs een bewegingspad beweegt, roteert en schaalt
- Tekst die langs een bewegingspad beweegt, roteert en schaalt, plus een rechthoek die stapsgewijs vergroot en van kleur verandert
- Vorige pagina SVG Radiaal Verloop
- Volgende pagina SVG Elementen
