div svg test

div svg test

Dit is een (mouse-over) svg animatie:

 

 

het komt erop neer dat een still image op het moment vervangen wordt door deze image:

 

die dan steeds voor een deel getoond wordt.

 

(bekijk dit artikel over hoe dat werkt)


voordelen

svg bestaan uit vectoren en worden dus altijd scherp vertoond, hoe ver je ook op een image inzoomed. daarnaast zijn ze relatief klein van formaat, en kosten dus minder tijd op te laden.

tekortkoming

een grote tekortkoming van deze vorm is natuurlijk dat ze bestaat uit allemaal losse frames die aan elkaar zijn geplakt. terwijl je liever zou zien dat de vertexen en punten in de browser te worden aangepast in het volgende artikel worden diverse methodes besproken waarmee dat mogelijk zou zijn.
possible-ways-to-create-professional-animations-in-svg ik ben van plan met deze methodes ook tests te maken.

No Comments Yet.

Leave a comment