13.07.2013 Views

Inkscape efficace - Modélisme

Inkscape efficace - Modélisme

Inkscape efficace - Modélisme

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

<strong>Inkscape</strong> <strong>efficace</strong><br />

232<br />

T CSS<br />

Le langage CSS (Cascading Style Sheets) est<br />

extrêmement utilisé sur l’Internet et de fait,<br />

presque tous les sites y ont recours. Il permet de<br />

définir des mises en forme que l’on pourra appliquer<br />

de façon redondante ou de façon locale.<br />

Il reste maintenant à associer le code CSS avec le code SVG. Ceci<br />

s’effectue tout simplement à l’intérieur d’un attribut spécifique : style.<br />

On obtient donc le code suivant :<br />

<br />

<br />

<br />

La spécification SVG dresse la liste exhaustive de ces éléments, attributs<br />

et propriétés servant à définir tout ce qu’il est possible de faire. Tout<br />

dessin SVG n’est que le cumul d’éléments, d’attributs et de valeurs, puis<br />

de propriétés CSS, répétés un très grand nombre de fois, dans un sens<br />

qui permet de produire un dessin.<br />

L’espace de noms d’<strong>Inkscape</strong><br />

Il est maintenant temps de passer à l’éditeur XML d’<strong>Inkscape</strong>. Pour le<br />

prendre en main, commençons par observer comment il affiche des éléments<br />

déjà dessinés. Si votre page est vide, dessinez quelques formes très<br />

simples, à l’aide de formes de base de préférence, sans abuser des effets.<br />

Le mieux serait même, pour une fois, de les éviter afin d’y voir clair. Si<br />

vous manquez d’idée, reprenez le dessin réalisé lors de la prise en main<br />

au chapitre 2.<br />

Pour accéder à l’éditeur XML vous pouvez sélectionner le menu Édition>Éditeur<br />

XML..., utiliser le raccourci clavier Ctrl+Maj+X ou cliquer sur<br />

l’icône située entre les icônes Texte et Police et Aligner-Distribuer de la<br />

barre des commandes. Voilà à quoi ressemble alors notre beau dessin<br />

(figure 14-1).<br />

Figure 14–1 Notre dessin de prise en main vu sous l’angle du code source SVG<br />

© Groupe Eyrolles, 2008

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!