Outils pour utilisateurs

Outils du site


issue203:inkscape

This month, I’ll be looking at another dialog that was updated with Inkscape 1.3: the Object Attributes dialog. This is one that I haven’t covered in this series before, because, quite frankly, I had no idea it even existed! That came as quite a surprise to me – after more than a decade of writing Inkscape tutorials, I thought I’d found just about every hidden corner of the application, but it turns out I was wrong. The content of this dialog changes based on the selected object. If a bitmap image is selected, then this dialog replaces the older ‘Image Properties…’ dialog that was available via the right-click context menu. In fact it replaces it to the extent that it still appears in the context menu with the same label, but the dialog that opens is definitely now ‘Object Attributes’. At the top of the dialog is a thumbnail of the image, together with its dimensions and a label to indicate whether it’s linked or embedded. In the latter case, the label also shows the amount of space the image data takes up, to give you an idea of how much it will bloat your SVG file size. The text beneath the thumbnail shows the image’s ID, prefixed by a hash character. This is a little misleading, as the default for showing the ID in the Object Properties dialog is to not include a hash, whereas the placeholder text for the ‘Label’ field does include it.

Ce mois-ci, je vais me pencher sur une autre boîte de dialogue qui a été mise à jour dans Inkscape 1.3 : la boîte de dialogue Attributs de l'objet. C'est une boîte de dialogue que je n'ai pas encore abordée dans cette série, parce que, très franchement, je n'avais aucune idée de son existence ! Cela m'a surpris - après plus de dix ans d'écriture de tutoriels Inkscape, je pensais avoir trouvé tous les recoins de l'application, mais je me trompais.

Le contenu de cette boîte de dialogue change en fonction de l'objet sélectionné. Si une image bitmap est sélectionnée, cette boîte de dialogue remplace l'ancienne boîte de dialogue « Propriétés de l'image… » qui était disponible via le menu contextuel du clic droit. En fait, elle la remplace dans la mesure où elle apparaît toujours dans le menu contextuel avec la même étiquette, mais la boîte de dialogue qui s'ouvre est désormais « Attributs de l'objet ».

En haut de la boîte de dialogue se trouve une vignette de l'image, ainsi que ses dimensions et une étiquette indiquant si elle est liée ou incorporée. Dans ce dernier cas, l'étiquette indique également l'espace occupé par les données de l'image, afin de vous donner une idée de la taille du fichier SVG. Le texte situé sous la vignette indique l'identifiant de l'image, précédé d'un dièse. Cela est un peu trompeur, car la valeur par défaut de l'ID dans la boîte de dialogue Propriétés de l'objet n'inclut pas le dièse, alors que le texte de l'espace réservé pour le champ « Étiquette » l'inclut.

Even if you set a label via this field in the Object Properties dialog, it is not displayed in the Object Attributes dialog. I guess the Inkscape developers must have their own idea of what’s a property and what’s an attribute, and only the ID counts as the latter. Moving on down the dialog, the URL field shows the path to the linked image. For an embedded image, this field is disabled. Although the field is editable for a linked image, changes made here are not reflected in the stored data for the image in the SVG file. If, as I do, you keep your linked bitmaps in the same folder as their SVG file, you can sometimes find that moving or copying SVGs results in them being linked to the wrong place, via an absolute path. In older versions it was possible to directly edit the link via this dialog, replacing the absolute path with a local filename. Not any more.

Même si vous définissez une étiquette via ce champ dans la boîte de dialogue Propriétés de l'objet, elle n'est pas affichée dans la boîte de dialogue Attributs de l'objet. Je suppose que les développeurs d'Inkscape doivent avoir leur propre idée de ce qu'est une propriété et de ce qu'est un attribut, et que seul l'ID compte pour ce dernier.

Dans la suite de la boîte de dialogue, le champ URL indique le chemin d'accès à l'image liée. Pour une image incorporée, ce champ est désactivé. Bien que le champ soit modifiable pour une image liée, les changements effectués ici ne sont pas reflétés dans les données stockées pour l'image dans le fichier SVG. Si, comme moi, vous conservez vos images bitmap liées dans le même dossier que leur fichier SVG, vous pouvez parfois constater qu'en déplaçant ou en copiant des SVG, ils sont liés au mauvais endroit, via un chemin absolu. Dans les versions antérieures, il était possible d'éditer directement le lien via cette boîte de dialogue, en remplaçant le chemin absolu par un nom de fichier local. Ce n'est plus le cas.

Instead you have to use the button to the right of the URL field which allows you to select a different image to replace the linked or embedded one. Even using this to select a file in the same directory as the SVG results in an absolute ‘file://…’ URL rather than a simple filename. This is definitely something to be aware of, as it not only results in less transportable files (ie. just sending someone the directory containing both the SVG and the bitmaps probably won’t work), but also leaks information about the folder structure on your machine, which might be considered a security risk, albeit a relatively minor one. On reloading your SVG file you may find that Inkscape does replace the URL with a simple filename if they’re in the same directory, but I was unable to find any reliable, repeatable steps that would consistently make this happen across the files I tested with. The only way to really be sure is to edit any linked image paths directly in the XML editor.

Au lieu de cela, vous devez utiliser le bouton situé à droite du champ URL, qui vous permet de sélectionner une image différente pour remplacer celle qui est liée ou incorporée. Même en utilisant ce bouton pour sélectionner un fichier dans le même répertoire que le SVG, on obtient une URL absolue « file://... » plutôt qu'un simple nom de fichier. C'est quelque chose dont il faut être conscient, car non seulement cela rend les fichiers moins transportables (c'est-à-dire qu'envoyer à quelqu'un le répertoire contenant à la fois le SVG et les bitmaps ne fonctionnera probablement pas), mais cela laisse également échapper des informations sur la structure des dossiers sur votre machine, ce qui peut être considéré comme un risque pour la sécurité, même s'il est relativement mineur. Lorsque vous rechargez votre fichier SVG, il se peut qu'Inkscape remplace l'URL par un simple nom de fichier s'ils sont dans le même répertoire, mais je n'ai pas pu trouver d'étapes fiables et reproductibles qui permettraient d'obtenir ce résultat de manière cohérente pour les fichiers que j'ai testés. La seule façon d'être sûr est d'éditer les chemins d'accès aux images liées directement dans l'éditeur XML.

The buttons below the URL field allow you to convert a linked image to an embedded one, or to export a copy of the image – regardless of whether it’s linked or embedded – to a new location. One use of this might be to save a copy of an embedded file, then use the folder icon next to the URL to replace the embedded file with a link to the external copy you just saved. A button to achieve this with a single click would be nice, though – making it just as easy to un-embed an image as it is to embed one. A welcome addition is the pair of radio buttons to select between preserving the aspect ratio of the image, or stretching it out of proportion if necessary. I’d like to see buttons to revert to the original dimensions, or to keep the width or height fixed while changing the other dimension to suit the original proportions. Being able to preserve the aspect ratio allows you to address most of the issues for which such buttons would be of benefit, though, turning these tasks from ‘almost impossible’ to just ‘a bit tricky’. Finally, a popup lets you select between different rendering hints. This is the same as the ‘Image Rendering’ popup you can see in the Object Properties dialog. Note that selecting any of the options in this menu really is just a hint; whether or not they’re honored will depend on the software being used to display or print the SVG.

Les boutons situés sous le champ URL vous permettent de convertir une image liée en une image incorporée ou d'exporter une copie de l'image - qu'elle soit liée ou incorporée - vers un nouvel emplacement. Vous pouvez par exemple enregistrer une copie d'un fichier incorporé, puis utiliser l'icône de dossier à côté de l'URL pour remplacer le fichier incorporé par un lien vers la copie externe que vous venez d'enregistrer. Un bouton permettant d'effectuer cette opération d'un simple clic serait bienvenu, afin qu'il soit aussi facile de supprimer une image intégrée que d'en incorporer une.

La paire de boutons radio permettant de choisir entre le maintien du rapport hauteur/largeur de l'image et l'étirement de l'image si nécessaire est une nouveauté bienvenue. J'aimerais voir des boutons permettant de revenir aux dimensions d'origine ou de garder la largeur ou la hauteur fixe tout en modifiant l'autre dimension pour respecter les proportions d'origine. Le fait de pouvoir préserver le rapport hauteur/largeur permet de résoudre la plupart des problèmes pour lesquels de tels boutons seraient utiles, en faisant passer ces tâches de « presque impossibles » à « un peu délicates ». Enfin, une fenêtre contextuelle vous permet de choisir entre différentes astuces de rendu. Il s'agit de la même fenêtre contextuelle « Rendu d'image » que vous pouvez voir dans la boîte de dialogue Propriétés de l'objet. Notez que la sélection d'une des options de ce menu n'est qu'une indication ; le fait qu'elle soit honorée ou non dépendra du logiciel utilisé pour afficher ou imprimer le SVG.

But what if you want to view the Object Attributes dialog for something other than an image? Common sense would say that you just right-click on the object and select it from the context menu? Or choose it from the main ‘Object’ menu, right? Common sense, it would seem, is a little short among the Inkscape UX team in this case, as neither of these menus contain an entry for this dialog. One way to get to it is to use the Image Properties menu option on a raster image, then select the object you’re actually interested in. The dialog will change dynamically as objects are selected, so will update to reflect the non-image item you’ve chosen. But that’s hardly an effective way to get to this dialog, and your drawing might not even contain any bitmaps that you can right-click on. Instead, the official way to open this dialog is to either bind it to a keyboard shortcut via Preferences dialog (in the Interface > Keyboard pane), or access it via the ‘dialog popup menu’. The what now? If you’ve no idea what I’m talking about, you’re not alone – I also had to go hunting to find this menu, as it wasn’t a term I was familiar with.

Mais que se passe-t-il si vous souhaitez afficher la boîte de dialogue Attributs de l'objet pour un objet autre qu'une image ? Le bon sens voudrait que vous fassiez un clic droit sur l'objet et que vous le sélectionniez dans le menu contextuel. Ou de le sélectionner dans le menu principal « Objet », non ? Il semblerait que l'équipe UX d'Inkscape manque un peu de bon sens dans ce cas, car aucun de ces menus ne contient d'entrée pour cette boîte de dialogue.

Une façon d'y accéder est d'utiliser l'option de menu Propriétés de l'image sur une image matricielle, puis de sélectionner l'objet qui vous intéresse. La boîte de dialogue change dynamiquement au fur et à mesure que des objets sont sélectionnés et se met donc à jour pour refléter l'élément autre que l'image que vous avez choisi. Mais ce n'est guère un moyen efficace d'accéder à cette boîte de dialogue et il se peut même que votre dessin ne contienne pas d'images bitmap sur lesquelles vous puissiez cliquer avec le bouton droit de la souris.

La façon officielle d'ouvrir cette boîte de dialogue est de la lier à un raccourci clavier via la boîte de dialogue Préférences (dans le panneau Interface > Clavier), ou d'y accéder via le « menu contextuel de la boîte de dialogue ». Qu'est-ce que c'est que ça ? Si vous n'avez aucune idée de ce dont je parle, vous n'êtes pas le seul - j'ai également dû rechecher dur pour trouver ce menu, car ce terme ne m'était pas familier.

When you open a dialog – any dialog – within Inkscape, there is an icon at the right of the tab bar (circled top right). This is present whether the dialog is opened in a window, or docked to Inkscape’s main window. With the theme I use, this icon appears as a light grey down-facing arrow which is very easy to miss. Here it is at the top-right of the Fill & Stroke dialog on my machine, circled in red because it really is so easy to miss. Clicking this icon opens the ‘dialog popup menu’ (right). In my defence, I was vaguely aware of this menu, but it’s not one I ever use. The top few entries are useful if you’re managing multiple dialogs in a tabbed interface which is probably docked to the main window. That’s not the way I work. The remaining entries open various dialogs, but I always open my dialogs via toolbar buttons, menus, and context menus. Never by clicking on a faint icon in some completely different dialog, then selecting the thing I really wanted via this menu.

Lorsque vous ouvrez un dialogue - n'importe quel dialogue - dans Inkscape, il y a une icône à droite de la barre d'onglets (encerclée en haut à droite). Cette icône est présente, que la boîte de dialogue soit ouverte dans une fenêtre ou qu'elle soit ancrée à la fenêtre principale d'Inkscape. Avec le thème que j'utilise, cette icône apparaît sous la forme d'une flèche gris clair orientée vers le bas, ce qui est très facile à manquer. La voici en haut à droite de la boîte de dialogue Fond et contour sur ma machine, encerclée en rouge parce qu'elle est vraiment facile à manquer.

En cliquant sur cette icône, on ouvre le « menu contextuel de la boîte de dialogue » (à droite).

Pour ma défense, je connaissais vaguement l'existence de ce menu, mais je ne l'utilise jamais. Les quelques entrées du haut sont utiles si vous gérez plusieurs boîtes de dialogue dans une interface à onglets qui est probablement ancrée à la fenêtre principale. Ce n'est pas ma façon de travailler. Les autres entrées ouvrent diverses boîtes de dialogue, mais j'ouvre toujours mes boîtes de dialogue via les boutons de la barre d'outils, les menus et les menus contextuels. Jamais en cliquant sur une icône difficile à voir dans une boîte de dialogue complètement différente, puis en sélectionnant la chose que je voulais vraiment via ce menu.

Towards the bottom of the dialog, in the ‘Settings’ section, you can find the entry for Object Attributes. If you don’t have a bitmap image in your document, and haven’t bound a separate keyboard shortcut, this seems to be the only way to access it. To summarise, the steps required are: • Open a dialog. Any one will do, so feel free to use the “Layers and Objects”, “Fill and Stroke”, or “Align and Distribute” dialogs if they’re already open. If you don’t have a dialog open, right-clicking on an object and choosing “Document Properties” feels to me like a route that won’t break the mental context of what you’re trying to do. • Click on the icon at the right of the tab bar in your selected dialog. • Click on “Object Attributes” in the Settings section of the menu. • On the canvas, select the object whose attributes you wish to view or edit. • Optionally close the other dialog if you no longer require it. With nothing selected, the dialog is empty, and with multiple objects selected, it simply shows the text “Multiple objects selected”. When an individual object is selected, however, the display will change depending on the type of object. We’ve already seen how it looks when a bitmap image is chosen, but here are the other possibilities:

Vers le bas de la boîte de dialogue, dans la section « Paramètres », vous trouverez l'entrée « Attributs de l'objet ». Si vous n'avez pas d'image bitmap dans votre document et que vous n'avez pas lié un raccourci clavier distinct, il semble que ce soit la seule façon d'y accéder. En résumé, les étapes à suivre sont les suivantes : ••Ouvrez une boîte de dialogue. N'importe laquelle fera l'affaire, alors n'hésitez pas à utiliser les boîtes de dialogue « Calques et objets », « Fond et contour » ou « Aligner et répartir » si elles sont déjà ouvertes. Si aucune boîte de dialogue n'est ouverte, cliquez avec le bouton droit de la souris sur un objet et choisissez « Propriétés du document », ce qui me semble être un moyen de ne pas rompre le contexte mental de ce que vous essayez de faire. ••Cliquez sur l'icône à droite de la barre d'onglets de la boîte de dialogue sélectionnée.

••Cliquez sur « Attributs de l'objet » dans la section Paramètres du menu. ••Sur le canevas, sélectionnez l'objet dont vous souhaitez visualiser ou modifier les attributs. ••Fermez éventuellement l'autre boîte de dialogue si vous n'en avez plus besoin.

Si aucun objet n'est sélectionné, la boîte de dialogue est vide et, si plusieurs objets sont sélectionnés, elle affiche simplement le texte « Plusieurs objets sélectionnés ». Lorsqu'un objet individuel est sélectionné, l'affichage change en fonction du type d'objet. Nous avons déjà vu ce qu'il en est lorsqu'une image bitmap est sélectionnée, mais voici les autres possibilités :

Essentially these replicate the controls in the relevant tool control bar for each type of object, but there are some interesting additions and differences. First is that the object’s fill and stroke colors, and stroke width, are indicated at the top-right of each view. None of the other stroke properties are reflected here, and unlike the corresponding swatches and numbers in the status bar, you can’t change the values in any way from here. Disappointingly, clicking on the swatches doesn’t even open the Fill & Stroke dialog. The top row of fields for Rectangles and Ellipses has a small icon to the right. Clicking this will round the values in those fields to the nearest integer, which is a potentially handy feature that would be nice to have in the main tool control bar fields. Conversely, the quick shortcut values that are present on the context menus for these fields in the tool control bar are not included within this dialog. That limitation applies to all the fields, regardless of the selected object.

Pour l'essentiel, ces contrôles reproduisent ceux de la barre de contrôle de l'outil correspondant à chaque type d'objet, mais il existe quelques ajouts et différences intéressants. Tout d'abord, les couleurs de fond et de contour de l'objet, ainsi que l'épaisseur du trait, sont indiquées en haut à droite de chaque vue. Aucune des autres propriétés du trait n'y est reflétée et, contrairement aux échantillons et aux nombres correspondants dans la barre d'état, vous ne pouvez modifier les valeurs d'aucune manière à partir d'ici. Il est décevant de constater qu'un clic sur les échantillons n'ouvre même pas la boîte de dialogue Fond et contour.

La rangée supérieure des champs Rectangles et Ellipses comporte une petite icône à droite. En cliquant sur cette icône, les valeurs de ces champs sont arrondies à l'entier le plus proche, ce qui est une fonction potentiellement pratique qu'il serait bon d'avoir dans les champs de la barre de contrôle de l'outil principal. Inversement, les raccourcis rapides présents dans les menus contextuels de ces champs de la barre de contrôle des outils ne sont pas inclus dans cette boîte de dialogue. Cette limitation s'applique à tous les champs, quel que soit l'objet sélectionné.

The Rectangle pane has a couple of buttons at the bottom. The first sets the corner radius values to zero (i.e. 90° corners) as it does in the tool control bar. But the second button is another useful one which is missing from the tool control bar: it adds the ‘Corners’ live path effect, allowing each of the four corner radii to be modified independently. The Object Attributes dialog does not actually show the individual values, however – this button is more of a quick way to add the LPE so you can tweak the values on-canvas, but you’ll still need to open the LPE dialog for fine control and editing. The Star pane also has a couple of extra touches compared to the regular tool control bar. The first is the third button in the ‘Shape’ row – whose drab icon in this theme makes it appear disabled, even though it isn’t. The tooltip in this button says ‘Level shape’, which in this case means that it will be rotated such that the first spoke runs vertically. Inkscape veterans already know to hold the CTRL key and drag upwards when using the Star tool to achieve this type of alignment, but if you’re not aware of that trick, or you simply forget to do it on a particular object, reorienting a star or regular polygon to make it neatly aligned can be a surprisingly tricky task. This button achieves it with one click, and makes me wonder why this isn’t also on the tool control bar.

Le volet Rectangle comporte deux boutons en bas. Le premier définit les valeurs de rayon d'angle à zéro (c'est-à-dire des angles de 90°), comme dans la barre de contrôle des outils. Mais le second bouton est un autre bouton utile qui n'existe pas dans la barre de contrôle des outils : il ajoute l'effet de chemin réel « Coins », qui permet de modifier indépendamment chacun des quatre rayons d'angle. La boîte de dialogue Attributs de l'objet n'affiche cependant pas les valeurs individuelles - ce bouton est plutôt un moyen rapide d'ajouter le LPE pour que vous puissiez modifier les valeurs sur le canevas, mais vous devrez toujours ouvrir la boîte de dialogue LPE pour un contrôle et une édition plus précis.

Le volet Étoile présente également quelques touches supplémentaires par rapport à la barre de contrôle des outils classiques. Le premier est le troisième bouton de la rangée « Forme », dont l'icône terne dans ce thème donne l'impression qu'il est désactivé, alors qu'il ne l'est pas. L'info-bulle de ce bouton dit « Niveaux », ce qui dans ce cas signifie qu'il sera tourné de manière à ce que le premier rayon soit vertical. Les vétérans d'Inkscape savent déjà qu'il faut maintenir la touche CTRL enfoncée et glisser vers le haut lorsqu'on utilise l'outil Étoile pour obtenir ce type d'alignement, mais si vous ne connaissez pas cette astuce, ou si vous oubliez simplement de le faire sur un objet particulier, réorienter une étoile ou un polygone régulier pour les aligner proprement peut être une tâche étonnamment délicate. Ce bouton permet de le faire en un seul clic, et je me demande pourquoi il ne se trouve pas également dans la barre de contrôle des outils.

The other feature is less impressive, but a nice touch nevertheless: next to the last three numeric entry fields is a small ‘×’ button which appears when these fields are set to anything other than their default values (0.5, 0 and 0, respectively). Clicking the button simply resets that field back to its default. Missing in this image are the Object Attributes panes for Spirals, Paths, Text, and 3D Boxes. None of these objects show any content at all in this dialog – not even the non-editable fill and stroke information. This makes the dialog as a whole feel rather unfinished and inconsistent. Perhaps that’s why it’s been hidden away so well. In summary, this dialog is a potentially useful tool which even offers a few capabilities that can’t be found anywhere else in Inkscape. That makes it all the more disappointing that it’s hidden away in an obscure popup menu, rather than appearing in the context menu. This is doubly baffling when you consider that it does appear there – albeit with a historic title – if the selected object happens to be a bitmap image. I’m not sure I’ll use this dialog enough to warrant creating a keybinding for it, but now that I know it exists I’ve little doubt that I’ll have cause to open it from time to time. To be honest, that will mostly be when I forgot to hold CTRL while creating a star.

L'autre caractéristique est moins impressionnante, mais néanmoins agréable : à côté des trois derniers champs de saisie numérique se trouve un petit bouton « × » qui apparaît lorsque ces champs sont réglés sur une valeur autre que leur valeur par défaut (0,5, 0 et 0, respectivement). En cliquant sur ce bouton, vous rétablissez simplement la valeur par défaut de ce champ.

Sur cette image, les volets Attributs de l'objet pour les spirales, les chemins, le texte et les boîtes 3D sont absents. Aucun de ces objets n'affiche de contenu dans cette boîte de dialogue, pas même les informations de fond et de contour non modifiables. Cela donne à la boîte de dialogue dans son ensemble une impression d'inachevé et d'incohérence. C'est peut-être pour cette raison qu'elle a été si bien cachée.

En résumé, cette boîte de dialogue est un outil potentiellement utile qui offre même quelques possibilités que l'on ne trouve nulle part ailleurs dans Inkscape. Il est donc d'autant plus décevant qu'elle soit cachée dans un obscur menu déroulant, plutôt que d'apparaître dans le menu contextuel. C'est d'autant plus déconcertant qu'elle apparaît dans le menu contextuel - bien qu'avec un titre historique - si l'objet sélectionné est une image bitmap. Je ne suis pas sûr que j'utiliserai suffisamment cette boîte de dialogue pour justifier la création d'un raccourci clavier, mais maintenant que je sais qu'elle existe, je ne doute pas que j'aurai l'occasion de l'ouvrir de temps en temps. Pour être honnête, ce sera surtout lorsque j'oublierai de tenir la touche CTRL pendant la création d'une étoile.

issue203/inkscape.txt · Dernière modification : 2024/04/03 17:18 de andre_domenech