Le Mardi 18 octobre 2005 à Helsinki
CC-BY-SA

Voici comment faire un Lauburu (la croix basque) en SVG :

1. Préparons le document avec l'en-tête, la déclaration, l'élément racine et son espace de nom. Les familiers du XHTML ne seront pas perdus.

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" 
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 
...

Notre image aura 128 pixels de côté.

2. Créons la branche du Lauburu et plaçons-la dans un conteneur afin de l'utiliser plus tard. Cette branche n'ayant pas une forme canonique, nous devons la dessiner point par point.

            
              
            
          

3. Utilisons la branche créée à quatre reprises pour former la croix. Remarquons que chacun des éléments doit subir une translation et une rotation; à condition de maîtriser les espaces vectoriels, une matrice unique aurait suffit pour effectuer ces transformations.

            
            
            
            
          

La déclaration xmlns:xlink="http://www.w3.org/1999/xlink" sera placée une fois dans l’élément racine du document plutôt qu’être répété quatre fois ici.

Et voilà ! Nous avons un beau Lauburu (un peu bancal je l'admet). Mais nous ne résistons pas à l'envie de l'égayer un peu :

- en l'inscrutant dans un cercle (à placer avant les éléments use):

            
          

- et en l'agrémentant d'une feuille de style interne :

- en l'inscrutant dans un cercle (à placer avant les éléments use):

            
          

Voici le résultat :

            
              
              
                
              
              
              
              
              
              
            
          

Voici le fichier final : mon Lauburu en SVG (oui, il s'agit bien d'une image...).

Je ne suis pas le premier à m'être adonné à cet exercice, j'ai été au moins précédé par une personne : Aitor Avila qui a publié son Lauburu dans OpenClipart.

Même en prenant en compte la présence de metas en RDF chez Aitor, on est frappé par la taille de son fichier qui est six fois plus imposant que le mien.
Cette différence illustre l'éternel dilemme du codage à la main ou via un éditeur (même d'excellente facture comme Sodipodi).

Même si le SVG, comme la plupart des formats XML, n'a pas à être codé par un être humain, cette tâche s'avère pertinente lorsque le projet est simple.

Commentaires

Bel exercice de style ! Mais

Éric

É
Mercredi 19 octobre 2005 - 12:48

Bel exercice de style ! Mais dis moi Pierre, quel est le rapport entre la création d'images en SVG et le regard Hypnotique d'un magnifique chat dans un décors orange pastel ?

Les illustrations des billets

pierre

Profile picture for user pierre
Mercredi 19 octobre 2005 - 13:42

Les illustrations des billets concernant l'informatique sont souvent purement décoratifs.
C'est une très belle photo prise par Jean qui a décidément du talent pour photographier les animaux.

Je n'ai rien compris à la

jane

Profile picture for user jane
Vendredi 21 octobre 2005 - 08:50

Je n'ai rien compris à la démonstration , mais j'ai reconnu avec émotion note belle Séga, l'horloge aux oiseaux qui vous rendaient fous, le couple sculpté qui danse sur la cheminée , l'atmosphère orangée de ce coin perdu de Chalosse

Oui, j'ai un petit pincement

pierre

Profile picture for user pierre
Lundi 31 octobre 2005 - 22:43

Oui, j'ai un petit pincement au cœur car j'aimais bien cette maison.

Enfin maman, maintenant que tu édites à la main du XHTML pour rédiger ton manuel SAP, tu fais du XML sans le savoir.
Et ma démonstration ne doit pas te paraitre si obscure.

J'aimais bien cette maison

Jean

J
Lundi 31 octobre 2005 - 23:24

J'aimais bien cette maison !!! J'aime, j'aimais et j'aimerai... les mots passent, l'amour reste, toujours différent, surprenant, nourrissant...
Cette maison a traversé deux siècles de rencontres. Tu en fais pleinement partie. Voilà pourquoi je peux affirmer qu'elle t'aime toujours. J'aimais cette maison... Juste une question de concordance des temps que tu auras tout le loisir de corriger dans ta prochaine visite.

Nous t'attendons Pierre...

D'ailleurs, ce serait bien que tu puisses, avec les trois autres "petits" trouver une date pour faire la fête ensemble.

Le contenu de ce champ sera maintenu privé et ne sera pas affiché publiquement.
À propos des formats de texte

HTML simple

  • Les adresses de pages web et les adresses courriel se transforment en liens automatiquement.
  • Les lignes et les paragraphes vont à la ligne automatiquement.