| Les deux révisions précédentesRévision précédente | |
| issue91:inkscape [2015/02/26 18:01] – [4] auntiee | issue91:inkscape [2015/02/26 18:13] (Version actuelle) – [5] auntiee |
|---|
| See the “fill-opacity:1;” section, right near the start? We need to remove that. This is just a multiline text field, so simply click to place the cursor in there, then move around with the arrow keys and edit the text as you would normally. Once your editing is done, you need to click on the “Set” button to make it take effect. Assuming the fill-opacity's value was 1, then you shouldn't notice any change, since 1 in here corresponds to 255 in the Fill and Stroke dialog, and is the default for SVG if it's not specified.** | See the “fill-opacity:1;” section, right near the start? We need to remove that. This is just a multiline text field, so simply click to place the cursor in there, then move around with the arrow keys and edit the text as you would normally. Once your editing is done, you need to click on the “Set” button to make it take effect. Assuming the fill-opacity's value was 1, then you shouldn't notice any change, since 1 in here corresponds to 255 in the Fill and Stroke dialog, and is the default for SVG if it's not specified.** |
| |
| Avec le rectangle déjà sélectionné, cliquons sur l'attribut « style » à droite. Le nom de l'attribut et sa valeur sont mis dans le champ en bas à droite de la boîte de dialogue. Dans le cas de l'attribut style, le valeur est une seule longue chaîne de caractères qui est elle-même composée de doublets nom:valeur. Si vous êtes à l'aise avec CSS du monde de l'internet, alors vous reconnaîtrez le format - sinon la totalité des noms des propriétés (SVG utilise beaucoup de propriétés standard CSS qui vous auriez pu rencontrer en écrivant du HTML, mais en a ajouté quelques unes). L'attribut style étant sélectionné pour l'édition, vous pouvez maintenant régler ce défaut agaçant sur l'opacité du remplissage avec les clones. | Le rectangle étant toujours sélectionné, cliquons sur l'attribut « style » à droite. Le nom de l'attribut et sa valeur sont mis dans le champ en bas à droite de la boîte de dialogue. Dans le cas de l'attribut style, la valeur est une seule longue chaîne de caractères qui est elle-même composée de doublets nom:valeur. Si vous êtes à l'aise avec le CSS du monde de l'internet, alors vous reconnaîtrez le format - sinon la totalité des noms des propriétés (SVG utilise beaucoup de propriétés standard CSS que vous auriez pu rencontrer en écrivant du HTML, mais en ajoute quelques-unes). L'attribut style étant sélectionné pour l'édition, vous pouvez maintenant régler ce défaut agaçant sur l'opacité du remplissage avec les clones. |
| |
| Voyez-vous la section « fill-opacity:1 », juste à droite après le début ? Nous devons l'enlever. Comme ce n'est qu'un texte multilignes, cliquez simplement pour positionner le curseur dedans, puis déplacez -le avec les touches fléchées et modifiez le texte comme vous le feriez normalement. Une fois le texte modifié, vous devez cliquer sur le bouton « Définir » pour le prendre en compte. Comme la valeur de fill-opacity était égale à 1, vous ne devriez pas voir de différence, puisque 1 correspond à 255 dans la boîte de dialogue Remplissage et contour ; c'est la valeur par défaut de SVG quand il n'est pas spécifié. | Vous voyez la section « fill-opacity:1 », juste à droite après le début ? Nous devons l'enlever. Comme ce n'est qu'un texte multi-lignes, cliquez simplement pour positionner le curseur dedans, puis déplacez-le avec les touches fléchées et modifiez le texte comme vous le feriez normalement. Une fois le texte modifié, vous devez cliquer sur le bouton « Définir » pour qu'il soit pris en compte. Comme la valeur de fill-opacity était égale à 1, vous ne devriez pas voir de différence, puisque 1 correspond à 255 dans la boîte de dialogue Remplissage et contour ; c'est la valeur par défaut de SVG quand elle n'est pas spécifiée. |
| |
| **Now clone the rectangle, and try changing the clone's color. You can't, of course, since the parent rectangle's fill is still purple, not unset – but, once you give the clone a fill color, you gain access to the alpha slider in the Fill and Stroke dialog. Reduce that value and you'll see that you can affect the transparency of the fill, if not its color. Select the parent again (SHIFT-D if the clone is still selected) and then unset the fill. Now you can change the clone's fill color and opacity to your heart's content. It's as simple as that: to work around this Inkscape bug, and restore the ability to change a clone's fill opacity independently of its parent, you just have to remove the fill-opacity property from the parent's style attribute. Doing this on my original test image gives exactly the result you would expect. | **Now clone the rectangle, and try changing the clone's color. You can't, of course, since the parent rectangle's fill is still purple, not unset – but, once you give the clone a fill color, you gain access to the alpha slider in the Fill and Stroke dialog. Reduce that value and you'll see that you can affect the transparency of the fill, if not its color. Select the parent again (SHIFT-D if the clone is still selected) and then unset the fill. Now you can change the clone's fill color and opacity to your heart's content. It's as simple as that: to work around this Inkscape bug, and restore the ability to change a clone's fill opacity independently of its parent, you just have to remove the fill-opacity property from the parent's style attribute. Doing this on my original test image gives exactly the result you would expect. |
| You may have noticed that I haven't talked about the toolbars in the XML Editor, and that's with good reason. The buttons there give you the ability to significantly change the structure of your SVG file – potentially with disastrous effects if you're not sure what you're doing. By all means have a play around in the XML Editor. Move nodes, un-indent them, change their attributes or remove them altogether. It offers a fascinating insight into the structure of an Inkscape file, and gives you unprecedented power to tweak things that aren't always exposed in the Inkscape user interface. But if you do decide to experiment, please make sure you do it on a temporary file, or one you've got backed up elsewhere.** | You may have noticed that I haven't talked about the toolbars in the XML Editor, and that's with good reason. The buttons there give you the ability to significantly change the structure of your SVG file – potentially with disastrous effects if you're not sure what you're doing. By all means have a play around in the XML Editor. Move nodes, un-indent them, change their attributes or remove them altogether. It offers a fascinating insight into the structure of an Inkscape file, and gives you unprecedented power to tweak things that aren't always exposed in the Inkscape user interface. But if you do decide to experiment, please make sure you do it on a temporary file, or one you've got backed up elsewhere.** |
| |
| Maintenant, clonez le rectangle et essayez de changer de couleur. Vous ne pouvez pas, bien sûr, puisque le parent est encore violet, non rendu indéfini, mais une fois que vous avez donné une couleur de remplissage au clone, vous avez accès à la réglette alpha dans la boîte de dialogue Remplissage et contour. Réduisez cette valeur et vous allez voir l'effet sur la transparence du remplissage, sinon sur sa couleur. Sélectionnez le parent à nouveau (MAJ-D si le clone est encore sélectionné) et défaites le remplissage. Maintenant, vous pouvez changer la couleur de remplissage du clone et l'opacité comme vous l'aimez. C'est aussi simple que ça : pour contourner un défaut d'Inkscape et retrouver la possibilité de modifier l'opacité du remplissage d'un clone indépendamment de son parent, vous n'avez qu'à supprimer la propriété fill-opacity dans l'attribut style du parent. En le faisant sur mon image test d'origine j'obtiens exactement le résultat escompté. | Maintenant, clonez le rectangle et essayez de changer sa couleur. Vous ne pouvez pas le faire, bien sûr, puisque le parent est encore violet, non rendu indéfini, mais une fois que vous avez donné une couleur de remplissage au clone, vous avez accès à la réglette alpha dans la boîte de dialogue Remplissage et contour. Réduisez cette valeur et vous allez voir l'effet sur la transparence du remplissage, sinon sur sa couleur. Sélectionnez le parent à nouveau (MAJ-D si le clone est encore sélectionné) et rendre le remplissage indéfini. Maintenant, vous pouvez changer la couleur de remplissage du clone et l'opacité comme vous voulez. C'est aussi simple que ça : pour contourner un défaut d'Inkscape et retrouver la possibilité de modifier l'opacité du remplissage d'un clone indépendamment de son parent, vous n'avez qu'à supprimer la propriété fill-opacity dans l'attribut style du parent. En le faisant sur mon image test d'origine j'obtiens exactement le résultat escompté. |
| |
| Vous pouvez remarquer que je n'ai rien dit de la barre d'outils de l'éditeur XML et ceci pour une bonne raison. Ces boutons vous donnent la possibilité de modifier fortement la structure de votre fichier SVG - avec probablement des effets désastreux si vous n'êtes pas sûrs de ce que vous faites. De toutes façons, faites des essais dans l'éditeur XML. Bougez les nœuds, supprimez une indentation, modifiez leurs attributs ou supprimez-les complètement. Cela vous donnera un aperçu captivant de la structure d'un fichier Inkscape et vous aurez le pouvoir sans précédent de corriger des choses qui ne sont pas visibles dans l'interface utilisateur d'Inkscape. Mais si vous décidez de tenter l'expérience, assurez-vous, s'il vous plaît, de la faire dans un fichier temporaire ou un dont vous avez une sauvegarde quelque part. | Vous pouvez remarquer que je n'ai rien dit de la barre d'outils de l'éditeur XML et ceci pour une bonne raison. Ces boutons vous donnent la possibilité de modifier fortement la structure de votre fichier SVG - avec probablement des effets désastreux si vous ne savez pas trop ce que vous faites. De toutes les façons, faites des essais dans l'éditeur XML. Bougez les nœuds, supprimez une indentation, modifiez leurs attributs ou supprimez-les complètement. Cela vous donnera un aperçu passionnant de la structure d'un fichier Inkscape et vous aurez le pouvoir sans précédent de corriger des choses qui ne sont pas visibles dans l'interface utilisateur d'Inkscape. Mais si vous décidez de tenter l'expérience, assurez-vous, s'il vous plaît, de la faire dans un fichier temporaire ou un dont vous avez une sauvegarde quelque part. |
