Inkscape : outil 'créer et éditer des objets texte'

Imaginons que nous voulons créer une bannière de site web. Il faut insérer et manipuler du texte. Nous devons donc utiliser la barre d'outils "créer et éditer des objets textes".

La bannière (ou bandeau)

Ci-dessous une bannière destinée à être incorporée dans chaque page d'un site web. image SVG

Il s'agit d'un document Inkscape qui fait 900 par 200 et qui ne pèse que 6 KO ...

Réalisation de ce bandeau

Il faut créer un rectangle de 900 par 200 rempli d'abord de vert puis il faut le dégrader (vert vers blanc).

Il faut réaliser un arbre (un cercle "lime" et un tronc "maroon") puis dupliquer ce groupe.

Grâce à l'outil "Créer et éditer des objets texte" il faut insérer le texte "jardiworld.fr".

Il faut ensuite encadre ce texte avec la commande Texte/Encadrer le texte.

Il faut ensuite sélectionner ce cadre pour qu'il fasse 500 de large et soit bien positionné afin que ce cadre soit parfaitement centré verticalement et horizontalement dans le bandeau.

Il faut ensuite utiliser la boîte de dialogue "remplissage et bordure" pour que les lettres aient simplement un contour noir de 2px et pas de remplissage.

Le texte et son environnement

Dans le document SVG ci-dessous (capture d'écran) je vous présente deux manipulations possibles :

Texte le long d'un chemin

La procédure :

Placer du texte dans une forme

La procédure :

Intégration du document dans une page web

Très satisfait de mon travail je décide d'insérer ce document Inkscape dans la page.

C'est la grosse, très grosse déception.
Le texte n'apparait pas dans le cercle !
En effet dès qu'il s'agit de texte le risque est grand que le SVG produit par Inkscape ne soit pas interprété par les navigateurs car ne correspondant pas à la spécification SVG 1.

Utiliser Boxy SVG

Très déçu par l'outil "texte" de Inkscape, je me suis rabattu sur l'éditeur proprosé par Google : Boxy SVG.
J'ai utilisé cette application pour créer un logo donc un texte court mis en forme (police, taille, espacement entre lettres, etc.)

Ce fichier SVG pèse 120 Ko car il inclut le fichier de la police utilisée.
Mais au moins l'affichage avec un navigateur ne pose aucun problème car le texte est inclus dans la balise text ; balise bien comprise des navigateurs.
Retour menu