Inkscape efficace Fichier PDF - e-nautia

Inkscape efficaceAnimations et interactivité sont du ressort du SVG. Grâce à son éditeurXML, Inkscape permet de produire ces éléments en interagissant directementsur le code source du dessin. Pour l’animation, il faut utiliser desbalises SVG comme animate et animateColor. Dans le cas d’élémentsinteractifs simples ou complexes, couplez le SVG au JavaScript. Les événementsonclick, onmouseover et onmouseout spécifient comment l’utilisateurpourra agir sur la page. Comparé à Flash, Inkscape ne dispose paspour le moment d’interface graphique pour créer ces fichiers. Jusqu’à préx="349.00772"y="120.89076"id="text6955">Mont Saint MichelEn fin de compte, il est assez simple d’ajouter de l’interactivité. Toutrepose sur une conception claire de la page avec des identifiants bienattribués. Si vous souhaitez ensuite modifier un attribut, vous pourrezpar exemple utiliser le code suivant :document.getElementById('nomdelobjet')X .setAttribute('nomdelattribut','sanouvellevaleur')COMPRENDRE setAttributeVous trouverez sur l’Internet des exemples quiexploitent setAttribute pour les couleurs, lecontour... En effet, cet attribut est couramment utilisépar les programmeurs pour les mises en forme.Inkscape, quant à lui, a choisi d’exploiter la puissancedes CSS.Nous avons agi sur l’attribut display qui affiche ou masque un objet. Lesattributs permettent de modifier les dimensions et la position d’un objet.Ces éléments d’animation et d’interactivité sont très courants.Il n’est pas plus compliqué de modifier une valeur CSS. En effet, vousn’avez qu’à changer sa notation dans la portion de code suivante :javascript:document.getElementById('nomdelobjet')X .style.nomelapropriétéCSS='sanouvellevaleur'En associant ces événements déclencheurs aux possibilités offertes en animation,vous produirez des sites web et autres présentations à couper lesouffle. Cependant, le problème du support du SVG par les différents navigateurset visualisateurs demeure : aucun ne supporte tout le SVG et chacuna un comportement différent en fonction des cas de figure problématiques.En résumé242© Groupe Eyrolles, 2008