| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
| issue167:inkscape [2021/04/02 14:54] – auntiee | issue167:inkscape [2021/04/04 17:47] (Version actuelle) – andre_domenech |
|---|
| What’s important about this mode is that it sets the width of the flowed text, but doesn’t constrain the height. This has the advantage that you’ll never accidentally clip the end of your text with the flow container, but it also means that your text can flow to be taller than you intend, possibly leading to it interfering with other parts of your design. Where this type of flowed text comes into its own, therefore, is in loose designs where you want to tweak the column width dynamically to see what works best for your particular layout (think posters and leaflets), rather than designs which already have well defined areas of a specific height in which the text has to fit (such as magazines or newsletters).** | What’s important about this mode is that it sets the width of the flowed text, but doesn’t constrain the height. This has the advantage that you’ll never accidentally clip the end of your text with the flow container, but it also means that your text can flow to be taller than you intend, possibly leading to it interfering with other parts of your design. Where this type of flowed text comes into its own, therefore, is in loose designs where you want to tweak the column width dynamically to see what works best for your particular layout (think posters and leaflets), rather than designs which already have well defined areas of a specific height in which the text has to fit (such as magazines or newsletters).** |
| |
| Le mode Colonne commence par un texte ordinaire, non fluide. Il suffit de cliquer sur le canevas avec l'outil Texte, et de commencer à taper (ou de coller du contenu déjà écrit). Mais, au lieu de vous lancer dans la tâche fastidieuse de la saisie manuelle des sauts de ligne, regardez le bord droit de la zone de texte, où vous trouverez une petite poignée en forme de losange. Faites glisser cette poignée et vous verrez apparaître une paire de guides bleus verticaux (représentant les bords gauche et droit de la « colonne »), et votre texte s'écoulera pour s'insérer entre eux. | Le mode Colonne commence par un texte ordinaire, non coulant. Il suffit de cliquer sur le canevas avec l'outil Texte, et de commencer à taper (ou de coller du contenu déjà écrit). Mais, au lieu de vous lancer dans la tâche fastidieuse de la saisie manuelle des sauts de ligne, regardez le bord droit de la zone de texte où vous trouverez une petite poignée en forme de losange. Faites glisser cette poignée et vous verrez apparaître une paire de guides bleus verticaux (représentant les bords gauche et droit de la « colonne »), et votre texte s'écoulera pour s'insérer entre eux. |
| |
| Ce qui est important dans ce mode, c'est qu'il définit la largeur du texte coulé, mais n'en limite pas la hauteur. Cela présente l'avantage de ne jamais couper accidentellement la fin de votre texte avec le conteneur de flux, mais cela signifie également que votre texte peut s'écouler plus longuement que prévu, ce qui peut le faire interférer avec d'autres parties de votre conception. Par conséquent, ce type de texte coulant est particulièrement utile dans les conceptions libres où vous souhaitez modifier la largeur des colonnes de manière dynamique pour déterminer ce qui convient le mieux à votre mise en page particulière (pensez aux affiches et aux dépliants), plutôt que dans les conceptions qui ont déjà des zones bien définies d'une hauteur spécifique dans lesquelles le texte doit s'insérer (comme les magazines ou les bulletins d'information). | Ce qui est important dans ce mode, c'est qu'il définit la largeur du texte coulé, mais n'en limite pas la hauteur. Cela présente l'avantage de ne jamais couper accidentellement la fin de votre texte avec le conteneur de flux, mais cela signifie également que votre texte peut s'écouler plus longuement que prévu, ce qui peut le faire interférer avec d'autres parties de votre conception. Par conséquent, ce type de texte coulant est particulièrement utile dans les conceptions libres où vous souhaitez modifier la largeur des colonnes de manière dynamique pour déterminer ce qui convient le mieux à votre mise en page particulière (pensez aux affiches et aux dépliants), plutôt que dans les conceptions qui ont déjà des zones bien définies d'une hauteur spécifique dans lesquelles le texte doit s'insérer (comme les magazines ou les bulletins d'information). |
| Column mode is fairly similar, but there’s no need to reference a hidden rectangle. Instead of the “shape-inside” CSS property, Inkscape inserts an “inline-size” property which defines the width of the column. Once again the text itself lives as a single line within a solitary <tspan> child element.** | Column mode is fairly similar, but there’s no need to reference a hidden rectangle. Instead of the “shape-inside” CSS property, Inkscape inserts an “inline-size” property which defines the width of the column. Once again the text itself lives as a single line within a solitary <tspan> child element.** |
| |
| Le type de texte coulé par clic-glissement se compose de deux parties : le texte lui-même, et le rectangle qui le contraint. Ce dernier est créé en tant qu'objet caché dans la section <defs> du XML, et est ensuite référencé via la propriété CSS « shape-inside », dans l'attribut style de l'élément svg <text>. Dans l'image ci-dessous, vous pouvez voir le texte en surbrillance à droite qui fait référence à « rect98 », l'ID du rectangle situé près du haut du volet de gauche. | Le type de texte coulé par clic-glissement se compose de deux parties : le texte lui-même et le rectangle qui le contraint. Ce dernier est créé en tant qu'objet caché dans la section <defs> du XML, et est ensuite référencé via la propriété CSS « shape-inside », dans l'attribut style de l'élément svg <text>. Dans l'image ci-dessous, vous pouvez voir le texte en surbrillance à droite qui fait référence à « rect98 », l'ID du rectangle situé près du haut du volet de gauche. |
| |
| Comme vous pouvez également le voir à gauche, l'élément <text> ne contient qu'un seul <tspan> comme enfant, qui contient la chaîne de texte entière. | Comme vous pouvez également le voir à gauche, l'élément <text> ne contient qu'un seul <tspan> comme enfant, qui contient la chaîne de texte entière. |
| On the surface, therefore, it might seem that flowed text hasn’t really advanced much. We’ve gone from a non-standard, unsupported technique to a pair of nearly-standard, but still unsupported techniques. Yet, if you save a file with flowed text from Inkscape 1.0.x and load it into a browser, the text is visible – line breaks and all. So what’s going on?** | On the surface, therefore, it might seem that flowed text hasn’t really advanced much. We’ve gone from a non-standard, unsupported technique to a pair of nearly-standard, but still unsupported techniques. Yet, if you save a file with flowed text from Inkscape 1.0.x and load it into a browser, the text is visible – line breaks and all. So what’s going on?** |
| |
| Malheureusement, ces deux approches ne fonctionnent pas dans les navigateurs Web actuels. Alors que la méthode « inline-size » est bien supportée par les navigateurs modernes, dans mes tests elle semble avoir un effet uniquement sur le contenu HTML, et ne fonctionne pas pour les fichiers SVG. La propriété CSS « shape-inside », quant à elle, n'est actuellement prise en charge par aucun navigateur. Elle fait partie de la spécification CSS Shapes, mais a été retirée du niveau 1 de la spécification (celui que les navigateurs ont mis en œuvre) et déplacée au niveau 2 (celui qu'ils n'ont pas encore). | Malheureusement, ces deux approches ne fonctionnent pas dans les navigateurs Web actuels. Alors que la méthode « inline-size » est bien supportée par les navigateurs modernes, dans mes tests elle semble avoir un effet uniquement sur le contenu HTML, et ne fonctionne pas pour les fichiers SVG. La propriété CSS « shape-inside », quant à elle, n'est actuellement prise en charge par aucun navigateur. Elle fait partie de la spécification CSS Shapes, mais a été retirée du niveau 1 de la spécification (celui que les navigateurs ont mis en œuvre) et déplacée au niveau 2 (celui qu'ils n'ont pas encore implémenté). |
| |
| À première vue, on pourrait donc penser que le texte fluide n'a pas vraiment progressé. Nous sommes passés d'une technique non standard et non prise en charge à une paire de techniques presque standard, mais toujours non prises en charge. Pourtant, si vous enregistrez un fichier avec du texte fluide dans Inkscape 1.0.x et que vous le chargez dans un navigateur, le texte est visible, avec les sauts de ligne et tout le reste. Que se passe-t-il donc ? | À première vue, on pourrait donc penser que le texte fluide n'a pas vraiment progressé. Nous sommes passés d'une technique non standard et non prise en charge à une paire de techniques presque standard, mais toujours non prises en charge. Pourtant, si vous enregistrez un fichier avec du texte fluide dans Inkscape 1.0.x et que vous le chargez dans un navigateur, le texte est visible, avec les sauts de ligne et tout le reste. Que se passe-t-il donc ? |
| The single <tspan> element, containing the entire text, has been replaced with a separate <tspan> for each line in the resultant output – the same sort of structure you would expect to see if you had manually entered the line breaks. These elements are used for positioning each line, but then a second level of <tspans> is used to style the text. We’ve gone from a single child, one-level deep, to a collection of two-level children. This is the SVG 1.1 fallback content that allows the current batch of browsers to display the content as it appears in Inkscape.** | The single <tspan> element, containing the entire text, has been replaced with a separate <tspan> for each line in the resultant output – the same sort of structure you would expect to see if you had manually entered the line breaks. These elements are used for positioning each line, but then a second level of <tspans> is used to style the text. We’ve gone from a single child, one-level deep, to a collection of two-level children. This is the SVG 1.1 fallback content that allows the current batch of browsers to display the content as it appears in Inkscape.** |
| |
| Vous pouvez voir la raison de ce soutien apparent si vous examinez le fichier via les outils de développement du navigateur, ou si vous chargez le même fichier dans Inkscape et regardez l'éditeur XML. Au début, tout semble se dérouler comme prévu : les éléments <text> sont présents, avec leurs propriétés « shape-inside » ou « inline-size » correspondantes, mais lorsque l'on descend plus bas dans le texte lui-même, on se retrouve face à une structure comme celle-ci. | Vous pouvez voir la raison de cette prise en charge apparente si vous examinez le fichier via les outils de développement du navigateur ou si vous chargez le même fichier dans Inkscape et regardez l'éditeur XML. Au début, tout semble se dérouler comme prévu : les éléments <text> sont présents, avec leurs propriétés « shape-inside » ou « inline-size » correspondantes, mais lorsque l'on descend plus bas jusqu'au texte lui-même, on se retrouve face à une structure comme celle-ci. |
| |
| L'unique élément <tspan>, contenant l'ensemble du texte, a été remplacé par un <tspan> distinct pour chaque ligne de la sortie résultante - le même type de structure que vous vous attendriez à voir si vous aviez saisi manuellement les sauts de ligne. Ces éléments sont utilisés pour positionner chaque ligne, mais ensuite un deuxième niveau de <tspan> est utilisé pour styliser le texte. Nous sommes passés d'un enfant unique, à un seul niveau de profondeur, à une collection d'enfants sur deux niveaux. Il s'agit du contenu de repli vers SVG 1.1 qui permet au lot actuel des navigateurs d'afficher le contenu tel qu'il apparaît dans Inkscape. | L'unique élément <tspan>, contenant l'ensemble du texte, a été remplacé par un <tspan> distinct pour chaque ligne de la sortie résultante - le même type de structure que vous vous attendriez à voir si vous aviez saisi manuellement les sauts de ligne. Ces éléments sont utilisés pour positionner chaque ligne, mais ensuite un deuxième niveau de <tspan> est utilisé pour styliser le texte. Nous sommes passés d'un enfant unique, à un seul niveau de profondeur, à une collection d'enfants sur deux niveaux. Il s'agit du contenu de repli vers SVG 1.1 qui permet au lot actuel des navigateurs d'afficher le contenu tel qu'il apparaît dans Inkscape. |
| This does raise some questions about how these files will fare in the future. If browsers do start supporting “inline-size” on SVG text, or add support for CSS Shapes Level 2, how will they behave when faced with text that already has line-breaks? It’s possible that this could result in additional automatic line breaks being inserted which conflict with those that Inkscape has already provided, breaking the intended layout.** | This does raise some questions about how these files will fare in the future. If browsers do start supporting “inline-size” on SVG text, or add support for CSS Shapes Level 2, how will they behave when faced with text that already has line-breaks? It’s possible that this could result in additional automatic line breaks being inserted which conflict with those that Inkscape has already provided, breaking the intended layout.** |
| |
| Ce changement de structure a des répercussions. Comme il produit le résultat visible attendu dans un navigateur, il répondra probablement aux besoins de 99 % des utilisateurs. Mais il modifie également la nature du texte. Ce qui était auparavant une seule chaîne de caractères est désormais divisé en blocs distincts : cela pourrait potentiellement avoir un effet sur les lecteurs à l'écran et les moteurs de recherche, selon la façon dont ils traitent les éléments <tspan>. Cela aurait certainement un effet sur les programmeurs JavaScript qui veulent trouver ou modifier dynamiquement le texte sur la page, ou qui avaient espéré utiliser un code pour modifier la largeur de la colonne ou la taille du rectangle, le contenu s'adaptant automatiquement. | Ce changement de structure a des répercussions. Comme il produit le résultat visible attendu dans un navigateur, il répondra probablement aux besoins de 99 % des utilisateurs. Mais il modifie également la nature du texte. Ce qui était auparavant une seule chaîne de caractères est désormais divisé en blocs distincts : cela pourrait éventuellement avoir un effet sur les lecteurs à l'écran et les moteurs de recherche, selon la façon dont ils traitent les éléments <tspan>. Cela aurait certainement un effet sur les programmeurs JavaScript qui veulent trouver ou modifier dynamiquement le texte sur la page ou qui avaient espéré utiliser un code pour modifier la largeur de la colonne ou la taille du rectangle, le contenu s'y adaptant automatiquement. |
| |
| Cela soulève quelques questions quant à l'avenir de ces fichiers. Si les navigateurs commencent à prendre en charge le format « inline-size » pour le texte SVG ou ajoutent la prise en charge des formes CSS de niveau 2, comment se comporteront-ils face à un texte comportant déjà des sauts de ligne ? Il est possible que cela se traduise par l'insertion de sauts de ligne automatiques supplémentaires qui entrent en conflit avec ceux qu'Inkscape a déjà fournis, brisant ainsi la mise en page prévue. | Cela soulève quelques questions quant à l'avenir de ces fichiers. Si les navigateurs commencent à prendre en charge le format « inline-size » pour le texte SVG ou ajoutent la prise en charge des formes CSS de niveau 2, comment se comporteront-ils face à un texte ayant déjà des sauts de ligne ? Il est possible que cela se traduise par l'insertion de sauts de ligne automatiques supplémentaires qui entrent en conflit avec ceux qu'Inkscape a déjà fournis, brisant ainsi la mise en page prévue. |
| |
| |
| If you really don’t want the SVG 1.1 fallback text included in your file, it can be turned off in the Preferences dialog (Input/Output > SVG Export pane). Note, however, that this will affect only newly created flowed text – any previously saved file that already contains multiple <tspan> elements will still maintain that structure.** | If you really don’t want the SVG 1.1 fallback text included in your file, it can be turned off in the Preferences dialog (Input/Output > SVG Export pane). Note, however, that this will affect only newly created flowed text – any previously saved file that already contains multiple <tspan> elements will still maintain that structure.** |
| |
| Mais ces préoccupations sont purement hypothétiques à ce stade, alors que les problèmes avec le texte fluide dans la v0.92 sont très réels. Les modifications apportées à la version 1.0 constituent une nette amélioration et en font un choix évident si vous souhaitez utiliser du texte fluide dans vos créations. Les détails ci-dessus ne concernent qu'une minorité de développeurs Web et ne devraient donc pas vous empêcher de faire le pas. | Mais ces préoccupations sont purement hypothétiques à ce stade, alors que les problèmes avec le texte fluide dans la v0.92 sont très réels. Les modifications apportées à la version 1.0 constituent une nette amélioration et en font un choix évident si vous souhaitez utiliser du texte coulant dans vos créations. Les détails ci-dessus ne concernent qu'une minorité de développeurs Web et ne devraient donc pas vous empêcher de faire la transition. |
| |
| Si vous ne voulez vraiment pas que le texte de repli vers SVG 1.1 soit inclus dans votre fichier, vous pouvez le désactiver dans la boîte de dialogue Préférences (panneau Entrée/Sortie > Export SVG). Notez, cependant, que cela n'affectera que le texte fluide nouvellement créé - tout fichier précédemment enregistré qui contient déjà plusieurs éléments <tspan> conservera cette structure. | Si vous ne voulez vraiment pas que le texte de repli vers SVG 1.1 soit inclus dans votre fichier, vous pouvez le désactiver dans la boîte de dialogue Préférences (panneau Entrée/Sortie > Export SVG). Notez, cependant, que cela n'affectera que le texte fluide nouvellement créé, tout fichier précédemment enregistré qui contient déjà plusieurs éléments <tspan> conservera leur structure. |
| |
| |
| Il y a quelques autres changements à mentionner concernant le texte fluide, bien qu'il s'agisse de points relativement mineurs. | Il y a quelques autres changements à mentionner concernant le texte fluide, bien qu'il s'agisse de points relativement mineurs. |
| |
| Une caractéristique de la 0.92 était la possibilité de convertir du texte fluide en texte ordinaire via la commande Texte > Convertir en texte. Cela permettait d' « appliquer » les sauts de ligne en convertissant le contenu en un élément <text> compatible SVG 1.1 avec plusieurs enfants <tspan>. Cela ne fonctionne plus dans la version 1.0, et n'a aucun effet sur la structure du XML. Cependant, la sauvegarde du fichier insérera une version compatible SVG 1.1 du texte (comme discuté dans la section précédente), mais il insèrera aussi un peu de CSS qui fera qu'Inkscape traitera toujours ce contenu comme un flux. | Une caractéristique de la 0.92 était la possibilité de convertir du texte fluide en texte ordinaire via la commande Texte > Convertir en texte. Cela permettait d'« appliquer » les sauts de ligne en convertissant le contenu en un élément <text> compatible SVG 1.1 avec plusieurs enfants <tspan>. Cela ne fonctionne plus dans la version 1.0, et n'a aucun effet sur la structure du XML. Cependant, la sauvegarde du fichier insérera une version compatible SVG 1.1 du texte (comme expliqué dans la section précédente), mais il insèrera aussi un peu de CSS qui fera qu'Inkscape traitera toujours ce contenu comme un flux. |
| |
| Essentiellement, si vous voulez réellement convertir du texte fluide en des sauts de ligne fixes d'une manière qu'Inkscape reconnaîtra, vous n'avez guère d'autre choix que d'insérer manuellement les sauts, ou de supprimer le nouveau CSS d'un fichier enregistré. Pour autant que je puisse dire, cela rend maintenant l'option de menu Convertir en texte complètement redondante, puisque toute tentative de l'utiliser affiche simplement un message « No flowed text(s) » (Pas de text fluide) dans la barre d'état, et n'a aucun effet sur le texte ou la structure SVG. | Essentiellement, si vous voulez réellement convertir du texte fluide en des sauts de ligne fixes d'une manière qu'Inkscape reconnaîtra, vous n'avez guère d'autre choix que d'insérer manuellement les sauts ou de supprimer le nouveau CSS d'un fichier enregistré. À ma connaissance, cela rend maintenant l'option de menu Convertir en texte complètement redondante, puisque toute tentative de l'utiliser affiche simplement un message « No flowed text(s) » (Pas de text fluide) dans la barre d'état, et n'a aucun effet sur le texte ou la structure SVG. |
| |
| |
| For reasons best known to the Inkscape developers, this approach doesn’t work for text that has been flowed via column mode. To revert this to a single line, you need to Ctrl-click on the diamond handle used for adjusting the column width. To further add to the confusion, this same technique does not work with the diamond handle at the bottom right of the rectangle used for click-drag style flowed text. Come on devs, how about a little consistency!?** | For reasons best known to the Inkscape developers, this approach doesn’t work for text that has been flowed via column mode. To revert this to a single line, you need to Ctrl-click on the diamond handle used for adjusting the column width. To further add to the confusion, this same technique does not work with the diamond handle at the bottom right of the rectangle used for click-drag style flowed text. Come on devs, how about a little consistency!?** |
| |
| Plutôt que de corriger les sauts de ligne, que faire si vous voulez défaire vos mots, pour les ramener à une seule ligne de texte SVG ordinaire ? Dans ce cas, le programme est étrangement contradictoire quant à la méthode à utiliser. La version 0.92 proposait l'option de menu Texte > Désencadrer, qui fonctionne toujours pour le texte fluide par cliquer-glisser dans la version 1.0. Pour une raison quelconque, cette option a toujours eu la fâcheuse habitude de déplacer le texte non-fluide à une certaine distance de la version fluide originale. Si vous utilisez cette option et que votre texte semble disparaître complètement, essayez de faire un zoom arrière et de faire un panoramique. | Plutôt que de corriger les sauts de ligne, que faire si vous voulez dé-couler vos mots, pour les ramener à une seule ligne de texte SVG ordinaire ? Dans ce cas, le programme est étrangement contradictoire quant à la méthode à utiliser. La version 0.92 proposait l'option de menu Texte > Désencadrer, qui fonctionne toujours dans la version 1.0 pour le texte fluide par cliquer-glisser. Pour une raison quelconque, cette option a toujours eu la fâcheuse habitude de déplacer le texte non fluide à une certaine distance de la version fluide originale. Si vous utilisez cette option et que votre texte semble disparaître complètement, essayez de faire un zoom arrière et de faire un panoramique. |
| |
| Pour des raisons bien connues des développeurs d'Inkscape, cette approche ne fonctionne pas pour le texte qui a été coulé en mode colonne. Pour revenir à une seule ligne, vous devez faire un Ctrl-clic sur la poignée en forme de diamant utilisée pour ajuster la largeur de la colonne. Pour ajouter à la confusion, cette même technique ne fonctionne pas avec la poignée en diamant située en bas à droite du rectangle utilisé pour le texte fluide en mode clic-glissement. Allez, les développeurs, un peu de cohérence ! | Pour des raisons bien connues des développeurs d'Inkscape, cette approche ne fonctionne pas pour le texte qui a été coulé en mode colonne. Pour revenir à une seule ligne, vous devez faire un Ctrl-clic sur la poignée en forme de diamant utilisée pour ajuster la largeur de la colonne. Pour ajouter à la confusion, cette même technique ne fonctionne pas avec la poignée en diamant située en bas à droite du rectangle utilisé pour le texte fluide en mode clic-glissement. Allez, les développeurs, un peu de cohérence ! |
| Next time, we’ll conclude this part of the series by looking at the support that has been added for new font types in Inkscape v1.0.** | Next time, we’ll conclude this part of the series by looking at the support that has been added for new font types in Inkscape v1.0.** |
| |
| La dernière modification à mentionner est une petite mais importante amélioration de la convivialité. Si vous utilisez l'option Texte > Encadrer pour insérer du texte dans plusieurs formes sur votre canevas, l'ordre dans lequel les formes sont remplies est désormais basé sur l'ordre dans lequel vous les sélectionnez. Auparavant, l'ordre de sélection était inversé, ce qui était loin d'être intuitif, et c'est donc une bonne chose que ce changement ait été intégré au programme. Il rend le comportement plus familier à quiconque a déjà utilisé un programme de publication assistée par ordinateur, tel que Scribus - même si je maintiens qu'Inkscape est un piètre substitut à une véritable application de publication assistée par ordinateur pour tout ce qui n'est pas la mise en page la plus basique. | La dernière modification à mentionner est une petite, mais importante amélioration de la convivialité. Si vous utilisez l'option Texte > Encadrer pour insérer du texte dans plusieurs formes sur votre canevas, l'ordre dans lequel les formes sont remplies est désormais basé sur l'ordre dans lequel vous les sélectionnez. Auparavant, l'ordre de sélection était inversé, ce qui était loin d'être intuitif, et c'est donc une bonne chose que ce changement ait été intégré au programme. Il rend le comportement plus familier à quiconque a déjà utilisé un programme de publication assistée par ordinateur, tel que Scribus - même si je maintiens qu'Inkscape est un piètre substitut à une véritable application de publication assistée par ordinateur pour tout ce qui n'est pas la mise en page la plus basique. |
| |
| La prochaine fois, nous conclurons cette partie de la série en examinant le support qui a été ajouté pour les nouveaux types de polices dans Inkscape v1.0. | La prochaine fois, nous conclurons cette partie de la série en examinant le support qui a été ajouté pour les nouveaux types de polices dans Inkscape v1.0. |
| |
