issue217:inkscape
Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
issue217:inkscape [2025/06/01 16:10] – d52fr | issue217:inkscape [2025/06/03 14:29] (Version actuelle) – andre_domenech | ||
---|---|---|---|
Ligne 4: | Ligne 4: | ||
Let’s start by looking at the Object Attributes and Object Properties dialogs from 1.3.x, when a rectangle is selected.** | Let’s start by looking at the Object Attributes and Object Properties dialogs from 1.3.x, when a rectangle is selected.** | ||
+ | |||
+ | Un élément ayant connu une modification significative dans Inkscape 1.4, c'est la boîte de dialogue Propriétés d' | ||
+ | |||
+ | Comparez-la avec d' | ||
+ | |||
+ | Commençons par examiner les boîtes de dialogue Attributs d’objet et Propriétés d’objet de la version 1.3.x, lorsqu’un rectangle est sélectionné. | ||
+ | |||
**The Object Attributes dialog reflects most of the UI elements that would be found in the tool control bar when the Rectangle tool is active. It lacks a Units picker, which seems an odd omission given the presence of the Dimensions fields; but it gains a small shortcut button for rounding the dimensions to the nearest integer – a feature that is missing from the tool control bar. Similarly, although it also has a button for making the corners sharp, just like the toolbar, it gains an extra button for quickly applying the Corners LPE, which would be a welcome addition to the tool control bar. Finally, the currently applied Fill and Stroke values are indicated by small swatches in the top right of the dialog, but frustratingly these are for information only and do not serve to open any sort of editor, nor the Fill & Stroke dialog, when clicked. | **The Object Attributes dialog reflects most of the UI elements that would be found in the tool control bar when the Rectangle tool is active. It lacks a Units picker, which seems an odd omission given the presence of the Dimensions fields; but it gains a small shortcut button for rounding the dimensions to the nearest integer – a feature that is missing from the tool control bar. Similarly, although it also has a button for making the corners sharp, just like the toolbar, it gains an extra button for quickly applying the Corners LPE, which would be a welcome addition to the tool control bar. Finally, the currently applied Fill and Stroke values are indicated by small swatches in the top right of the dialog, but frustratingly these are for information only and do not serve to open any sort of editor, nor the Fill & Stroke dialog, when clicked. | ||
Moving on to the old Object Properties dialog, we find the confusing trio of ID, Label and Title fields. There’s a color picker for changing the object’s highlight color, which is used for the symbolic icon in the Layers & Objects dialog, and is rarely worth changing. The DPI SVG, Image Rendering and Preserve Ratio controls appear for all object types, though they only really have an effect on bitmap images. The remaining fields are pretty self descriptive, | Moving on to the old Object Properties dialog, we find the confusing trio of ID, Label and Title fields. There’s a color picker for changing the object’s highlight color, which is used for the symbolic icon in the Layers & Objects dialog, and is rarely worth changing. The DPI SVG, Image Rendering and Preserve Ratio controls appear for all object types, though they only really have an effect on bitmap images. The remaining fields are pretty self descriptive, | ||
+ | |||
+ | La boîte de dialogue Attributs d' | ||
+ | |||
+ | En passant à l' | ||
+ | |||
**At the bottom of the dialog is an expandable “Interactivity” section. This is where you’ll find fields in which you can add JavaScript to individual objects in your drawing. If you know what you’re doing, this can be a quick and easy way to add small amounts of interactivity to an SVG image when it’s loaded into a web browser – but it does require some amount of web development experience to do anything terribly useful with. | **At the bottom of the dialog is an expandable “Interactivity” section. This is where you’ll find fields in which you can add JavaScript to individual objects in your drawing. If you know what you’re doing, this can be a quick and easy way to add small amounts of interactivity to an SVG image when it’s loaded into a web browser – but it does require some amount of web development experience to do anything terribly useful with. | ||
Ligne 16: | Ligne 28: | ||
Note the word ‘significant’ in that sentence. There have been changes, but they’re pretty minor. The ID, Label, Title and other main fields from the Object Properties dialog have been placed into a collapsible “Properties” section. This is a good move, as most people don’t really need to use these controls, and can leave this section collapsed most of the time. ** | Note the word ‘significant’ in that sentence. There have been changes, but they’re pretty minor. The ID, Label, Title and other main fields from the Object Properties dialog have been placed into a collapsible “Properties” section. This is a good move, as most people don’t really need to use these controls, and can leave this section collapsed most of the time. ** | ||
+ | |||
+ | En bas de la boîte de dialogue se trouve une section « Interactivité » extensible. Vous y trouverez des champs permettant d' | ||
+ | |||
+ | Examinons maintenant la nouvelle boîte de dialogue « Propriétés de l' | ||
+ | |||
+ | Eh bien… lorsque les notes de version indiquaient que les deux boîtes de dialogue précédentes avaient été fusionnées, | ||
+ | |||
+ | Remarquez le mot « significative » dans cette phrase. Des modifications ont été apportées, mais elles sont mineures. L'ID, l' | ||
+ | |||
**Although the Interactivity section was always collapsible, | **Although the Interactivity section was always collapsible, | ||
Ligne 24: | Ligne 45: | ||
As I described back in FCM #143, each type of object has its own specific set of controls. With the dialog open you can select different items in your image to gain access to the relevant controls without having to switch to a different tool. You also gain the benefit of those small bonus controls that only appear in this dialog. I don’t usually have dialogs docked to the side of my screen, preferring to use windowed dialogs that I open and close as required. But the utility offered by this superset of two older dialogs means that I may well find room for it as a permanent addition to the side of my window.** | As I described back in FCM #143, each type of object has its own specific set of controls. With the dialog open you can select different items in your image to gain access to the relevant controls without having to switch to a different tool. You also gain the benefit of those small bonus controls that only appear in this dialog. I don’t usually have dialogs docked to the side of my screen, preferring to use windowed dialogs that I open and close as required. But the utility offered by this superset of two older dialogs means that I may well find room for it as a permanent addition to the side of my window.** | ||
+ | |||
+ | Bien que la section Interactivité ait toujours été réductible, | ||
+ | |||
+ | Vous avez peut-être remarqué l' | ||
+ | |||
+ | Le champ DPI SVG se trouve dans la section Propriétés, | ||
+ | |||
+ | Comme je l'ai décrit dans le FCM n° 143, chaque type d' | ||
+ | |||
**If this dialog shows specific controls based on the type of object selected, you may be wondering what happens if you select more than one type at a time. Unfortunately there’s no clever logic that shows only the controls that apply to all the objects, instead you just get a locked down version of the dialog. | **If this dialog shows specific controls based on the type of object selected, you may be wondering what happens if you select more than one type at a time. Unfortunately there’s no clever logic that shows only the controls that apply to all the objects, instead you just get a locked down version of the dialog. | ||
Ligne 32: | Ligne 62: | ||
Although it’s not immediately obvious, this dialog plays an important role when creating hyperlinks within an Inkscape document. Inkscape can turn any object into a hyperlink, such that loading your image into a web browser and clicking the object will navigate to the URL you specified when setting it up. With enough knowledge you can use this to navigate to different viewports in the same document, but more commonly it will be used to link to an external site. For example, you may want to include a web address or social media logo in your design which will navigate to the corresponding site when clicked.** | Although it’s not immediately obvious, this dialog plays an important role when creating hyperlinks within an Inkscape document. Inkscape can turn any object into a hyperlink, such that loading your image into a web browser and clicking the object will navigate to the URL you specified when setting it up. With enough knowledge you can use this to navigate to different viewports in the same document, but more commonly it will be used to link to an external site. For example, you may want to include a web address or social media logo in your design which will navigate to the corresponding site when clicked.** | ||
+ | |||
+ | Si cette boîte de dialogue affiche des commandes spécifiques selon le type d' | ||
+ | |||
+ | Je suppose que ce comportement est compréhensible – et certainement plus facile à coder –, mais il aurait été bien plus pratique de pouvoir sélectionner plusieurs éléments et modifier leur couleur de surbrillance simultanément, | ||
+ | |||
+ | Malheureusement, | ||
+ | |||
+ | Bien que cela ne soit pas immédiatement évident, cette boîte de dialogue joue un rôle important lors de la création d' | ||
+ | |||
**Adding this capability is very straightforward: | **Adding this capability is very straightforward: | ||
If you do wish to link to another object within your current document, you can click on the button next to the Href field, then click on your target object, to have its ID automatically pasted in. To be honest this isn’t as useful as it sounds: linking in this way just scrolls the page to move the target object into view within your browser window. It doesn’t scale it to fill the window, and it doesn’t hide any other parts of the drawing, so you can’t easily use it as a way to show just one object (or group of objects) at a time. Although the Inkscape UI won’t stop you linking to an object in another page, multi-page Inkscape documents don’t really work in a web browser – they’ll only show the first page, so clicking the link doesn’t really do anything useful. These issues reduce the button to little more than a convenient way to achieve a not-very-useful result.** | If you do wish to link to another object within your current document, you can click on the button next to the Href field, then click on your target object, to have its ID automatically pasted in. To be honest this isn’t as useful as it sounds: linking in this way just scrolls the page to move the target object into view within your browser window. It doesn’t scale it to fill the window, and it doesn’t hide any other parts of the drawing, so you can’t easily use it as a way to show just one object (or group of objects) at a time. Although the Inkscape UI won’t stop you linking to an object in another page, multi-page Inkscape documents don’t really work in a web browser – they’ll only show the first page, so clicking the link doesn’t really do anything useful. These issues reduce the button to little more than a convenient way to achieve a not-very-useful result.** | ||
+ | |||
+ | L' | ||
+ | |||
+ | Si vous souhaitez créer un lien vers un autre objet de votre document actuel, cliquez sur le bouton à côté du champ Href, puis sur l' | ||
+ | |||
**Let’s get back to the rest of the Object Properties dialog. At this point everything might seem to be fine: you’ve created your link, populated the Href and Title fields, and saved your file. You continue working on your document without a care in the world… until you want to change the properties of your object. You select it as usual, expecting the dialog to populate with the specific controls for an ellipse or a star, only to find yourself facing the Anchor fields again. | **Let’s get back to the rest of the Object Properties dialog. At this point everything might seem to be fine: you’ve created your link, populated the Href and Title fields, and saved your file. You continue working on your document without a care in the world… until you want to change the properties of your object. You select it as usual, expecting the dialog to populate with the specific controls for an ellipse or a star, only to find yourself facing the Anchor fields again. | ||
Ligne 42: | Ligne 86: | ||
You can still get to the object-specific controls, by treating the <a> wrapper as though it’s a group. You can double-click on your object to ‘enter’ the group-that’s-actually-an-anchor, | You can still get to the object-specific controls, by treating the <a> wrapper as though it’s a group. You can double-click on your object to ‘enter’ the group-that’s-actually-an-anchor, | ||
+ | |||
+ | Revenons au reste de la boîte de dialogue Propriétés de l' | ||
+ | |||
+ | En réalité, lorsque vous créez un lien, l' | ||
+ | |||
+ | Vous pouvez toujours accéder aux contrôles spécifiques à l' | ||
+ | |||
**Once you’ve tweaked your object, you can exit the <a> as you would normally exit a group. There are various ways to accomplish that, but I tend to either select some other object, or double-click on the background, away from other objects. | **Once you’ve tweaked your object, you can exit the <a> as you would normally exit a group. There are various ways to accomplish that, but I tend to either select some other object, or double-click on the background, away from other objects. | ||
Ligne 47: | Ligne 98: | ||
Should you wish to remove a link – unwrapping the object from within the <a> in the process – you can do so from the context menu. Right-click on the object (which is actually a right-click on the link), and you should find that the previous entry for creating a link has been replaced with ‘Remove Link’. | Should you wish to remove a link – unwrapping the object from within the <a> in the process – you can do so from the context menu. Right-click on the object (which is actually a right-click on the link), and you should find that the previous entry for creating a link has been replaced with ‘Remove Link’. | ||
In my opinion the revamped Object Properties dialog is vastly more useful than the old one – but that’s mostly because it makes the features of the former Object Attributes dialog easier to access. Nevertheless, | In my opinion the revamped Object Properties dialog is vastly more useful than the old one – but that’s mostly because it makes the features of the former Object Attributes dialog easier to access. Nevertheless, | ||
+ | |||
+ | Une fois votre objet modifié, vous pouvez quitter le <a> comme vous le feriez normalement pour un groupe. Il existe plusieurs façons de procéder, mais j'ai tendance à sélectionner un autre objet ou à double-cliquer sur l' | ||
+ | |||
+ | Si vous souhaitez supprimer un lien, en le décompressant du <a>, vous pouvez le faire depuis le menu contextuel. Faites un clic droit sur l' | ||
+ | |||
+ | À mon avis, la nouvelle boîte de dialogue Propriétés de l' | ||
issue217/inkscape.1748787037.txt.gz · Dernière modification : 2025/06/01 16:10 de d52fr