I’ve finally reached the last item on the list of new features in Inkscape 1.4 that I plan to cover in this column. Having written last month about the new Dash icon set, it’s time to look at another new option for customising the UI. Specifically, version 1.4 brings with it the ability to somewhat alter the on-canvas handles via a CSS file. There are several steps to achieving this, which I’ve listed below to make the overall process a little clearer. It’s not particularly difficult, but different installation methods for Inkscape, across different operating systems and distributions means that it’s not possible to give a simple set of steps, with file paths and names, that will work for everyone. Instead, you’ll have to do a little detective work to find the relevant locations on your own system. Here’s what we’re going to do: • Find the User UI directory • Find the relevant System UI directory • Copy the template CSS file to the User UI directory • Edit the new file and watch the effect within Inkscape • Repeat step 4 until you’re happy with the result • Optionally delete the file from the User UI directory to return to the default styles For reference, I’m using Ubuntu Mate 22.04 LTS with the Inkscape 1.4.2 AppImage file downloaded from the official Inkscape site.
J'arrive enfin au dernier point de la liste des nouveautés d'Inkscape 1.4 que je compte aborder dans cette chronique. Après avoir parlé le mois dernier du nouveau jeu d'icônes Dash, il est temps d'examiner une autre option de personnalisation de l'interface. Plus précisément, la version 1.4 permet de modifier légèrement les poignées de la zone de travail via un fichier CSS.
La procédure comporte plusieurs étapes, que j'ai détaillées ci-dessous pour plus de clarté. Ce n'est pas particulièrement difficile, mais les différentes méthodes d'installation d'Inkscape, selon les systèmes d'exploitation et les distributions, font qu'il est impossible de fournir une procédure simple, avec les chemins d'accès et les noms de fichiers, qui fonctionnera pour tous. Vous devrez donc faire un peu de recherche pour trouver les emplacements correspondants sur votre système. Voici la procédure à suivre : ••Trouvez le répertoire de l’interface utilisateur utilisateur. ••Trouvez le répertoire de l’interface utilisateur système correspondant. ••Copiez le fichier CSS du modèle dans le répertoire de l’interface utilisateur utilisateur. ••Modifiez le nouveau fichier et observez l’effet dans Inkscape. ••Répétez l’étape 4 jusqu’à obtenir le résultat souhaité. ••Vous pouvez également supprimer le fichier du répertoire de l’interface utilisateur utilisateur pour rétablir les styles par défaut.
À titre d’information, j’utilise Ubuntu Mate 22.04 LTS avec le fichier AppImage d’Inkscape 1.4.2 téléchargé depuis le site officiel d’Inkscape.
One important note, though: if all you want to do is to make the handles a bit larger, you can skip all this nonsense. The ‘Interface’ pane of the Preferences dialog (Edit > Preferences) provides a slider for precisely this purpose. The canvas updates in real time as it’s adjusted, so make sure you’ve got some handles visible, then modify this to suit your taste and needs. 1. Find the User UI directory Most users probably don’t realise that there’s a whole lot of user-specific configuration that can be done to Inkscape, outside of the options presented in the Preferences dialog. For example, you can create your own templates, symbols and palettes, dropping the relevant files into specific directories from which Inkscape will read them when it next starts. Typically these directories are inside your home directory, hidden inside ‘.config’ or ‘.local’ subdirectories on a Linux system. The dot at the start of these directory names causes them to be hidden from the default view of most file management tools. To find these directories, the simplest approach is simply to let Inkscape tell you where it’s looking. Launch Inkscape, then go to Edit > Preferences, and select the System pane from the list on the left. You’ll be presented with a page full of the directories Inkscape looks in for various things, many of them likely disabled as the actual directory path isn’t something you are expected to edit as a user.
Remarque importante : si vous souhaitez simplement agrandir légèrement les poignées, vous pouvez ignorer toutes ces étapes. Le panneau « Interface » de la boîte de dialogue Préférences (Édition > Préférences) propose un curseur prévu à cet effet. La zone de dessin se met à jour en temps réel lors du réglage ; assurez-vous donc que certaines poignées sont visibles, puis ajustez la taille selon vos préférences et vos besoins.
1. Trouver le répertoire de l'utilisateur de l’interface utilisateur
La plupart des utilisateurs ignorent probablement qu’Inkscape offre de nombreuses options de configuration personnalisées, en plus de celles proposées dans la boîte de dialogue des Préférences. Par exemple, vous pouvez créer vos propres modèles, symboles et palettes, en plaçant les fichiers correspondants dans des répertoires spécifiques. Inkscape les lira à partir de ces répertoires au prochain démarrage. Généralement, ces répertoires se trouvent dans votre répertoire personnel, cachés dans les sous-répertoires « .config » ou « .local » sous Linux. Le point au début de ces noms de répertoires les masque dans l’affichage par défaut de la plupart des gestionnaires de fichiers.
Pour trouver ces répertoires, le plus simple est de laisser Inkscape vous indiquer où il effectue ses recherches. Lancez Inkscape, puis allez dans Édition > Préférences et sélectionnez le panneau Système dans la liste de gauche. Vous verrez alors une page listant tous les répertoires dans lesquels Inkscape effectue des recherches pour diverses fonctionnalités. Nombre d'entre eux sont probablement désactivés, car il n'est pas prévu que vous modifiiez leur chemin d'accès.
In this screenshot you can see that the majority of these subdirectories live inside ‘/home/xav/.config/inkscape’ on my machine. For this change we’re interested in the “User UI” path: ‘/home/xav/.config/inkscape/ui’. Unfortunately you can’t copy the paths from these read-only fields, but it’s not really required anyway: just click on the ‘Open’ button to the right of the User UI entry to open your default file browser directly at the right directory. There’s a good chance this directory will be completely empty for you. In my case there are a couple of unused toolbar-related files kicking around, most likely as a result of the column in FCM #163, in which I looked at how to reorder the icons in the main toolbox. Leave that file browser window open, and return to the Inkscape Preferences dialog to look for the next directory… 2. Find the relevant System UI directory Next we’re on the hunt for the ‘node-handles.css’ file in Inkscape’s system UI directory. Unfortunately for us, this directory isn’t specifically listed with an ‘Open’ button, so we’ll need to do a little more detective work. First of all, scroll down in the Preferences dialog to find the likely candidate directories – those in the ‘Inkscape data’ and ‘System data’ fields (shown below).
Sur cette capture d'écran, vous pouvez voir que la plupart de ces sous-répertoires se trouvent dans « /home/xav/.config/inkscape » sur mon ordinateur. Pour cette modification, nous nous intéressons au chemin « Interface utilisateur » : « /home/xav/.config/inkscape/ui ». Malheureusement, il est impossible de copier les chemins depuis ces champs en lecture seule, mais ce n'est pas vraiment nécessaire : il suffit de cliquer sur le bouton « Ouvrir » à droite de l'entrée « Interface utilisateur » pour ouvrir votre explorateur de fichiers par défaut directement dans le bon répertoire.
Il y a de fortes chances que ce répertoire soit complètement vide chez vous. Dans mon cas, il contient quelques fichiers inutilisés liés à la barre d'outils, probablement suite à l'article du FCM n° 163, dans lequel j'expliquais comment réorganiser les icônes de la barre d'outils principale.
Laissez la fenêtre de l'explorateur de fichiers ouverte et retournez dans la boîte de dialogue Préférences d'Inkscape pour rechercher le répertoire suivant…
2. Trouvez le répertoire système de l'interface utilisateur
Nous allons maintenant rechercher le fichier « node-handles.css » dans le répertoire système de l'UI (User Interface - Interface Utilisateur) d'Inkscape. Malheureusement, ce répertoire n'est pas directement accessible via un bouton « Ouvrir ». Il nous faudra donc mener une petite enquête. Commencez par faire défiler la boîte de dialogue Préférences vers le bas pour trouver les répertoires potentiels : ceux des champs « Données d'Inkscape » et « Données système » (voir ci-dessous).
Note that these fields are not read-only, so you should be able to copy their contents. Starting with the ‘Inkscape data’ entry, copy the path and paste it into the URL, Location or Path field in a new file browser window. In my case this brought me to a general ‘share’ directory in the AppImage, inside of which was an ‘inkscape’ directory. Depending on how you installed Inkscape this could equally be a system-level share directory for your operating system, or somewhere else entirely. What we’re looking for is a ‘ui’ directory (shown above), which is most likely inside an ‘inkscape’ directory. In my case I navigated into the aforementioned ‘inkscape’ directory and, sure enough, the ‘ui’ directory I was seeking lay within. Drilling in further, I found the ‘node-handles.css’ file that is our ultimate goal. Note that it’s likely to be buried among a lot of other files, so sort alphabetically and look carefully to see if it’s present or not. If you’re not so lucky with the ‘Inkscape data’ entry, try again with each separate entry in the ‘System data’ field. As a last resort, you could even do a search of your whole drive for the filename. Hopefully one of these methods will yield the file we’re looking for.
Notez que ces champs ne sont pas en lecture seule ; vous pouvez donc copier leur contenu. À partir de l’entrée « Données d'Inkscape », copiez le chemin et collez-le dans le champ URL, Emplacement ou Chemin d’accès d’une nouvelle fenêtre de l’explorateur de fichiers. Dans mon cas, cela m’a conduit à un répertoire « share » général dans l’AppImage, contenant un répertoire « inkscape ». Selon la méthode d’installation d’Inkscape, il peut s’agir d’un répertoire système partagé de votre système d’exploitation, ou d’un emplacement complètement différent.
Nous recherchons un répertoire « ui » (illustré ci-dessus), qui se trouve probablement à l’intérieur d’un répertoire « inkscape ». Dans mon cas, j’ai navigué jusqu’au répertoire « inkscape » mentionné précédemment et, effectivement, le répertoire « ui » que je cherchais s’y trouvait. En explorant davantage, j’ai trouvé le fichier « node-handles.css », notre objectif final. Notez qu’il est susceptible d’être enfoui parmi de nombreux autres fichiers ; triez donc par ordre alphabétique et vérifiez attentivement sa présence.
Si vous ne trouvez pas le fichier dans le champ « Données Inkscape », essayez à nouveau avec chaque entrée du champ « Données système ». En dernier recours, vous pouvez effectuer une recherche sur l'ensemble de votre disque dur. Avec un peu de chance, l'une de ces méthodes vous permettra de trouver le fichier recherché.
If you can’t find the file on your system – or just don’t want to go hunting – there is another alternative. Inkscape is, of course, FOSS software, so all its source files are publicly available in the project’s GitLab repo. This includes the ‘node-handles.css’ file, which you can download directly with this link: https://gitlab.com/inkscape/inkscape/-/raw/master/share/ui/node-handles.css 3. Copy the template CSS file to the User UI directory This part shouldn’t be too tricky. Copy the ‘node-handles.css’ file you found from the System UI directory (or your download location) into the User UI directory window that we left open earlier. IMPORTANT: Make sure to copy the file from the System UI directory, not move it. This ensures that there’s an unadulterated original available if you make a mistake when editing the file. It also means you can revert to the default configuration by simply deleting the copy from your User UI directory at any time. 4. Edit the new file Open the file that’s now in your User UI directory using a text editor of your choice. If it supports syntax highlighting for CSS files, then so much the better, as common errors such as missing quotes or semicolons will be easier to spot. It’s also worth noting that editing this file will be a lot easier if you’re familiar with CSS syntax, but regardless of your level of competence I advise saving frequently and checking the changes you make in Inkscape as you go along. Remember, if you break things so badly that no amount of Ctrl-Z will save you, you always have the option of deleting the file to revert to Inkscape’s system settings. Then just copy a fresh file and try again.
Si vous ne trouvez pas le fichier sur votre système – ou si vous ne souhaitez tout simplement pas le chercher – une autre solution s'offre à vous. Inkscape étant un logiciel libre et open source (FOSS), tous ses fichiers sources sont accessibles publiquement sur le dépôt GitLab du projet. Cela inclut le fichier « node-handles.css », que vous pouvez télécharger directement via ce lien : https://gitlab.com/inkscape/inkscape/-/raw/master/share/ui/node-handles.css
3. Copiez le fichier CSS du modèle dans le répertoire utilisateur de l'UI
Cette étape est simple. Copiez le fichier « node-handles.css » que vous avez trouvé dans le répertoire système de l'UI (ou à l'emplacement de vos téléchargements) vers la fenêtre du répertoire utilisateur de l'UI que nous avons laissée ouverte précédemment.
IMPORTANT : Veillez à copier le fichier depuis le répertoire système de l'UI et non à le déplacer. Cela garantit la disponibilité d'une copie originale intacte en cas d'erreur lors de la modification du fichier. Cela signifie également que vous pouvez rétablir la configuration par défaut en supprimant simplement la copie de votre répertoire utilisateur de l'UI à tout moment.
4. Modifier le nouveau fichier
Ouvrez le fichier qui se trouve maintenant dans votre répertoire utilisateur de l'UI avec l'éditeur de texte de votre choix. Si celui-ci prend en charge la coloration syntaxique pour les fichiers CSS, c'est encore mieux, car les erreurs courantes telles que les guillemets ou les points-virgules manquants seront plus faciles à repérer. Il est également important de noter que la modification de ce fichier sera beaucoup plus simple si vous maîtrisez la syntaxe CSS, mais quel que soit votre niveau, je vous conseille d'enregistrer fréquemment et de vérifier les modifications apportées dans Inkscape au fur et à mesure. N'oubliez pas que si vous faites une erreur irréparable, vous pouvez toujours supprimer le fichier pour revenir aux paramètres système d'Inkscape. Il vous suffira ensuite de copier un nouveau fichier et de réessayer.
At the top of the file are some instructions which describe exactly which CSS properties you can use in this context. This covers almost all the things you’re likely to want to change with handles – though it would have been nice to have ‘rotate’ available. Following that is a list of the available shapes that each handle can have. There’s no option to draw your own custom handle shapes, I’m afraid. You’re strictly limited to the available list. This is perhaps the most limiting aspect of this feature, because swapping the standard shape for a particular handle is likely to encroach on that shape’s use elsewhere, potentially adding confusion. To avoid this, therefore, it’s probably best to limit your modifications to the fill color, stroke width and opacity of the handles, at least in the most part. Changing the scale globally is best done via the Preferences dialog, but this file can also be useful if you just want to change the scale of some specific handles, relative to the others. Let’s take a look at some example changes. To make things clearer, I’ve used the Preferences dialog to scale the handles up to 15, the maximum value available on the slider. Here’s how the editing handles for a rectangle look by default, with the mouse pointer hovering over one of the sizing handles.
En haut du fichier se trouvent des instructions décrivant précisément les propriétés CSS utilisables. Cela couvre la quasi-totalité des modifications que vous souhaiterez probablement apporter aux poignées – même si la propriété « rotate » aurait été un plus.
Suit la liste des formes disponibles pour chaque poignée. Malheureusement, il n’est pas possible de créer des formes personnalisées. Vous êtes strictement limité à la liste proposée. C’est peut-être l’aspect le plus contraignant de cette fonctionnalité, car remplacer la forme standard d’une poignée risque d’empiéter sur son utilisation ailleurs, ce qui peut prêter à confusion. Pour éviter cela, il est donc préférable de limiter vos modifications à la couleur de remplissage, à l’épaisseur du trait et à l’opacité des poignées, du moins en grande partie. Modifier l’échelle globalement se fait de préférence via la boîte de dialogue Préférences, mais ce fichier peut également s’avérer utile si vous souhaitez simplement modifier l’échelle de certaines poignées par rapport aux autres.
Voyons quelques exemples de modifications. Pour plus de clarté, j’ai utilisé la boîte de dialogue Préférences pour agrandir les poignées jusqu’à 15, la valeur maximale du curseur. Voici à quoi ressemblent par défaut les poignées d’édition d’un rectangle, avec le pointeur de la souris survolant l’une d’elles.
Let’s focus first on the default rules that are used for all handles, unless specifically overridden later in the file. It’s the block that starts with a single asterisk – the universal selector in CSS: * { fill: white; stroke: black; outline: white; stroke-width: 1.0px; outline-width: 1.0px; outline-opacity: 60%; scale: 2.0; size-extra: 1px; stroke-scale: 0.10; } Let’s see what happens when we edit some of these values. We’ll set the fill to yellow, the stroke to purple and the barely-visible outline to ‘hotPink’. Color names are case-insensitive, but other aspects of the file are not, so best to stick to lower case, in general. We’ll also make the stroke and outline thicker, and remove the transparency on the outline by setting the opacity to 100%. * { fill: yellow; stroke: purple; outline: hotPink; stroke-width: 2.0px; outline-width: 5.0px; outline-opacity: 100%; … }
Commençons par examiner les règles par défaut appliquées à toutes les poignées, sauf si elles sont explicitement redéfinies plus loin dans le fichier. Il s'agit du bloc commençant par un astérisque : le sélecteur universel en CSS :
* {
fill: white; stroke: black; outline: white; stroke-width: 1.0px; outline-width: 1.0px; outline-opacity: 60%; scale: 2.0; size-extra: 1px; stroke-scale: 0.10;
}
Voyons ce qui se passe lorsque nous modifions certaines de ces valeurs. Nous allons définir le remplissage sur jaune, le contour sur violet et le contour à peine visible sur « hotPink ». Les noms de couleurs ne sont pas sensibles à la casse, mais d'autres éléments du fichier y sont sensibles ; il est donc généralement préférable d'utiliser des minuscules. Nous allons également épaissir le trait et le contour, et supprimer la transparence du contour en fixant son opacité à 100 %.
* {
fill: yellow; stroke: purple; outline: hotPink; stroke-width: 2.0px; outline-width: 5.0px; outline-opacity: 100%; ...
}
One extremely nice feature that the developers included is that Inkscape will detect changes to this file and immediately update its UI without any need to reload. This makes it very convenient to create a small test drawing like this, leave the handles visible, and just keep experimenting with edits to the file. Save after each edit, and Inkscape will reflect your changes straight away. After saving the tweaks above, we’re faced with this result. It’s certainly a more… erm… distinct look. I’m not sure I’d want to work with it on a daily basis, but it serves to show some of the possibilities available to you. That blue on the hovered handle definitely clashes with the new theme though, so let’s see what we can do about that. A little further down the file we can find the CSS rule that applies by default to any hovered or clicked handles: *:hover, *:click { fill: #0066ff; } This time the color has been defined as an RGB value using 6 hexadecimal digits. If you’ve been using Inkscape for a while then you’re probably familiar with this format. Suffice to say that you can use the Fill & Stroke dialog in Inkscape to find the color you want, then copy the color from the RGBA field at the bottom-right. Note, however, that the CSS file won’t work with an 8-digit RGBA value, so you’ll need to remove the last two digits (and ensure there’s a hash (#) character at the start), if you want to use this format.
Une fonctionnalité très appréciable intégrée par les développeurs est qu'Inkscape détecte les modifications apportées à ce fichier et met immédiatement à jour son interface utilisateur, sans qu'il soit nécessaire de le recharger. Cela permet de créer facilement un petit dessin de test comme celui-ci, de laisser les poignées visibles et de tester diverses modifications. Enregistrez après chaque modification, et Inkscape appliquera vos changements instantanément. Après avoir enregistré les modifications ci-dessus, voici le résultat.
Le rendu est assurément plus… euh… original. Je ne suis pas certain de vouloir l'utiliser au quotidien, mais cela illustre bien certaines des possibilités offertes. Ce bleu sur la poignée survolée jure cependant avec le nouveau thème ; voyons comment y remédier.
Un peu plus bas dans le fichier, on trouve la règle CSS qui s'applique par défaut à toutes les poignées survolées ou cliquées :
*:hover, *:click {
fill: #0066ff;
}
Cette fois-ci, la couleur est définie par une valeur RGB à 6 chiffres hexadécimaux. Si vous utilisez Inkscape depuis un certain temps, ce format vous est probablement familier. Il vous suffit d'utiliser la boîte de dialogue « Remplissage et contour » d'Inkscape pour trouver la couleur souhaitée, puis de la copier depuis le champ RGBA en bas à droite. Notez cependant que le fichier CSS ne fonctionnera pas avec une valeur RGBA à 8 chiffres ; vous devrez donc supprimer les deux derniers chiffres (et vous assurer qu'un dièse « # » figure au début) si vous souhaitez utiliser ce format.
Perhaps cyan would work better for this hover color? *:hover, *:click { fill: #4ffff8; } It’s an improvement, of sorts, I guess. Note that you can use either hexadecimal RGB values, or CSS color names. The latter cover the main “obvious” color names – so our highlight above could have just used ‘fill: cyan;’ – but there are also a wealth of oddities, such as the ‘hotPink’ we used in the first example. You can have ‘dodgerBlue’, ‘chocolate’, ‘honeydew’ and ‘lemonChiffon. But while ‘lightGreen’ and ‘lightBlue’ both exist, there’s no ‘lightRed’, so don’t assume that any color name will work. If you’re not already familiar with the weirdness of CSS color names, there are many sites online that will show you color swatches for each of them. Or just stick with RGB values if you want precise control. The rest of the file is mostly overrides for specific handles. If you want to replace the odd shape that Inkscape uses for the center of rotation with a simple cross, for example, then poking around with the ‘.inkscape-adj-center’ CSS ruleset is the way to go. .inkscape-adj-center { shape: “cross”; stroke-width: 5px; } Before and after shown above.
Peut-être que le cyan conviendrait mieux à la couleur au survol ?
*:hover, *:click {
fill: #0066ff;
}
C'est une amélioration, en quelque sorte.
Notez que vous pouvez utiliser les valeurs RGB hexadécimales ou les noms de couleurs CSS. Ces derniers couvrent les noms de couleurs les plus courants – notre exemple ci-dessus aurait donc pu utiliser simplement « fill: cyan; » – mais il existe aussi une multitude de couleurs plus rares, comme « hotPink » utilisé dans le premier exemple. Vous pouvez avoir « dodgerBlue », « chocolate », « honeydew » et « lemonChiffon ». Mais si « lightGreen » et « lightBlue » existent, il n'y a pas de « lightRed », alors ne partez pas du principe que n'importe quel nom de couleur conviendra. Si vous n'êtes pas encore familiarisé avec les noms de couleurs CSS, de nombreux sites Web proposent des échantillons de couleurs pour chacun d'eux. Ou bien, utilisez simplement les valeurs RGB si vous souhaitez un contrôle précis.
Le reste du fichier contient principalement des modifications pour des poignées spécifiques. Si vous souhaitez remplacer la forme particulière utilisée par Inkscape pour le centre de rotation par une simple croix, par exemple, vous pouvez modifier les règles CSS « .inkscape-adj-center ».
.inkscape-adj-center {
shape: "cross"; stroke-width: 5px;
}
Avant et après (voir page 29, en haut à droite).
Just bear in mind that not every handle in Inkscape is amenable to the full scope of the changes available, even in this limited subset of CSS. There’s a comment in the ‘.inkscape-guide-handle’ section that states that guide handles are deliberately small and unobtrusive. Personally I find them too small, so nudging the scale value here lets me increase their size without affecting the other handles. But trying to change the handle shape to a diamond (or any of the other supported shapes) doesn’t work in this case. Most users will probably only ever use the default handle shapes and colors in Inkscape, perhaps adjusting their size in the Preferences dialog, but that’s all. As I’ve shown, if you really want to go overboard with a mish-mash of colors and stroke thicknesses, this custom CSS file lets you do that. But, more usefully, it can be used to make more subtle changes that might perhaps make your life with Inkscape just a little easier – whether that’s changing the size or shape of some specific handles, or globally changing colors the suit your taste and needs. It’s great that Inkscape offers this capability, even if it does require a little technical skill to achieve. Just remember, if you manage to break things completely, simply throw the file away and start again. With that safety net in place, you can’t go far wrong.
Il est important de noter que toutes les poignées d'Inkscape ne sont pas compatibles avec l'ensemble des modifications disponibles, même dans ce sous-ensemble limité de CSS. Un commentaire dans la section « .inkscape-guide-handle » indique que les poignées de repère sont volontairement petites et discrètes. Personnellement, je les trouve trop petites ; ajuster la valeur d'échelle me permet donc d'augmenter leur taille sans affecter les autres poignées. Cependant, il est impossible de modifier la forme de la poignée en losange (ou toute autre forme prise en charge) dans ce cas précis.
La plupart des utilisateurs se contenteront probablement des formes et couleurs par défaut des poignées d'Inkscape, en ajustant éventuellement leur taille dans les Préférences, et c'est tout. Comme je l'ai montré, si vous souhaitez vraiment laisser libre cours à votre imagination en mélangeant différentes couleurs et épaisseurs de trait, ce fichier CSS personnalisé vous le permet. Mais surtout, cette fonction permet d'effectuer des modifications plus subtiles qui pourraient vous simplifier la vie avec Inkscape : modifier la taille ou la forme de certaines poignées, ou encore changer globalement les couleurs selon vos goûts et vos besoins. C'est formidable qu'Inkscape offre cette possibilité, même si elle requiert quelques compétences techniques.
N'oubliez pas : si vous faites une erreur, supprimez simplement le fichier et recommencez. Avec cette sécurité, vous ne risquez pas grand-chose.