Graphiques vectoriels SVG : illustration et animation en code
L'attribut viewbox
Un cours proposé par Javier Usobiaga Ferrer , Concepteur Web
À propos de la leçon : L'attribut viewbox
Résumé
“L'attribut viewbox est un outil très intéressant en SVG, car il nous permet de créer une fenêtre virtuelle dans laquelle notre graphique va être rendu. De cette manière, nous pouvons l'utiliser pour délimiter la partie visible du graphique, zoomer et définir d'autres comportements. Voyons cela en détail.”
Dans cette leçon, Javier Usobiaga Ferrer aborde le sujet : L'attribut viewbox, qui fait partie du cours Domestika en ligne : Graphiques vectoriels SVG : illustration et animation en code. Apprenez à travailler avec des illustrations vectorielles sur vos sites web, de la ligne à l’animation interactive.
Transcription partielle de la vidéo
“L'attribut ViewBox est un élément très intéressant en SVG car il nous permet de définir le rectangle visible d'un graphique SVG. donc nous pouvons utiliser cet attribut pour zoomer sur certaines zones du graphique pour le voir en entier. voyons comment cela fonctionne Jusqu'à présent. nous avons vu que la taille d'un SVG se définit par les attributs Width et Height. Et c'est ce que nous appelons le viewport. mais un autre attribut que nous pouvons ajouter est le ViewBox. qui déclare la zone visible de ce SVG. pour expliquer de quoi nous parlons avec la zone visible. imaginons Un SVG dans ce...”
Cette transcription a été générée automatiquement et peut contenir des erreurs.
Sommaire du cours : Graphiques vectoriels SVG : illustration et animation en code
-
Catégorie
Création de sites et d'applications -
Logiciel
Adobe Illustrator, Sketch -
Domaines
Animation, Design d'interaction, Développement web, Webdesign
Javier Usobiaga Ferrer
Un cours proposé par Javier Usobiaga Ferrer
Javier Usobiaga est web designer et développeur FrontEnd, depuis plus de 10 ans et co-fondateur avec Marta Armada du studio Swwweet, spécialisé dans la conception de sites web responsives de la conception initiale au développement front-end.
Il apprécie également son rôle de professeur de Web Design dans des ateliers et écoles renommés tels qu'Elisava, IDEP.
Usobiaga comprend le Web dans son intégralité, non seulement à quel point il peut être beau sur l'écran de l'ordinateur, mais aussi son utilisation dans différents appareils et circonstances.
Selon ses mots, "je pense que la vitesse à laquelle il se charge ou la réponse à laquelle il répond est aussi important que l'esthétique, et il me semble que dans notre industrie, nous l'oublions souvent".
- 98% avis positifs (272)
- 9 242 élèves
- 32 leçons (2 h 2 min)
- 28 ressources complémentaires (6 fichiers)
- En ligne et à votre rythme
- Disponible sur l'application
- Audio : Espagnol, Anglais, Français, Italien, Portugais, Türkçe
- Espagnol · Anglais · Portugais · Allemand · Français · Italien · Polonais · Néerlandais · Türkçe
- Niveau : Débutant
- Accès illimité pour toujours
Logiciels et outils recommandés pour ce cours
Adobe Illustrator
SketchCatégorie
Domaines
