Inkscape efficace Fichier PDF - e-nautia

Inkscape efficaceCSS vous permettent d’avoir un style parfaitement identique dans lapage web et dans l’illustration SVG.BON À SAVOIR Un lien vers nulle partÀ quoi cela servirait-il de ne pas afficher les propriétésdu lien ? Simplement, une fois le lien créé,l’objet est activable dans la page. Ce faisant, lecurseur se modifie lorsqu’il passe dessus. Cetteméthode peut donc être utilisée, sans lien, pourl’ajout d’interactivité, même avec Ajax.Créer des liensQuelle que soit la solution d’intégration choisie, vous aurez peut-êtrebesoin d’insérer des liens au sein de votre fichier SVG. Pour vous faciliterla tâche, Inkscape dispose d’une interface spécifique.1 Activez l’outil Sélection (F1) et sélectionnez l’objet auquel vous souhaitezajouter un lien. Effectuez un clic droit dessus et, dans le menucontextuel qui s’ouvre alors, choisissez Créer un lien.2 Une fois cette action effectuée, vous souhaiterez peut-être que le liendirige le lecteur vers une autre URL. Dans ce cas, cliquez à nouveauavec le bouton droit de la souris sur l’objet et choisissez Propriétés dulien (figure 13-6).Figure 13–6Le bouton qui porte le lienet sa fenêtre de paramètresW3C Spécification XLinkLe lien SVG implémente Xlink, dont vous trouverezla très courte spécification sur le site du W3C àl’adresse suivante :B http://www.w3.org/TR/xlink/Sans Xlink, le système de lien du SVG n’est paspossible. C’est une des raisons pour lesquelles leschoses deviennent si complexes : la recommandationsXlink n’est pas prévue spécifiquement pourles fichiers graphiques SVG, mais pour tout langagede la famille XML. Elle répond ainsi à ungrand nombre de besoins concernant les liens.3 Dans la fenêtre qui s’ouvre alors, le champ Href est bien sûr le plusimportant : il contiendra l’URL du site web vers lequel pointe le lien.Recopiez cette adresse dans les champs Rôle, Arc-rôle et Title. Dans lechamp Type, indiquez Simple. Le champ Afficher est facultatif et peutprendre les valeurs new (créer une nouvelle fenêtre), replace (remplacerle contenu de la fenêtre), embed (inclut dans la page) ou encoreother et none. Toutes ces valeurs sont décrites dans la recommandationSVG. Il est donc important d’en prendre connaissance avanttout développement.4 Fermez la fenêtre et enregistrez votre fichier SVG. Ouvrez-le ensuitedans un navigateur web pour tester le lien (figure 13-7).Figure 13–7Le bouton et son lien dans Firefox224© Groupe Eyrolles, 2008