https://wiki.inkscape.org/wiki/index.php?action=history&feed=atom&title=Multicolor_text 2026-04-23T03:43:51Z Revision history for this page on the wiki MediaWiki 1.36.1 https://wiki.inkscape.org/wiki/index.php?title=Multicolor_text&diff=6086&oldid=prev 2006-03-25T18:49:39Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 18:49, 25 March 2006</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Multicolor </del>text <del style="font-weight: bold; text-decoration: none;">can be done </del>in <del style="font-weight: bold; text-decoration: none;">inkscape, although it </del>is <del style="font-weight: bold; text-decoration: none;">a bit of hack</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Multicolored </ins>text in <ins style="font-weight: bold; text-decoration: none;">Inkscape </ins>is <ins style="font-weight: bold; text-decoration: none;">easy</ins>. <ins style="font-weight: bold; text-decoration: none;">Just select parts </ins>of the text <ins style="font-weight: bold; text-decoration: none;">with Text tool </ins>and <ins style="font-weight: bold; text-decoration: none;">assign </ins>colors to <ins style="font-weight: bold; text-decoration: none;">them (via Fill and Stroke, or swatches</ins>, <ins style="font-weight: bold; text-decoration: none;">or Paste </ins>style<ins style="font-weight: bold; text-decoration: none;">)</ins>...</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">First save your svg file and find the text </del>of <del style="font-weight: bold; text-decoration: none;">interest in the XML file.  Find </del>the <del style="font-weight: bold; text-decoration: none;">tspan tag which encloses your </del>text and <del style="font-weight: bold; text-decoration: none;">add tspan tags which delineate the </del>colors to <del style="font-weight: bold; text-decoration: none;">be found in your text.</del></div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Specify the color for your text as a &quot;fill&quot; attribute</del>, <del style="font-weight: bold; text-decoration: none;">as follows:</del></div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;nowiki&gt;</del></div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;tspan </del>style<del style="font-weight: bold; text-decoration: none;">=&quot;fill:#ff0000&quot;&gt;this&lt;/tspan&gt;</del></div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;tspan style=&quot;fill:#00ff00&quot;&gt;is&lt;/tspan&gt;</del></div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;tspan style=&quot;fill:#0000ff&quot;&gt;multicolor&lt;/tspan&gt;</del></div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;tspan style=&quot;fill:#000000&quot;&gt;text&lt;/tspan&gt;</del></div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;/nowiki&gt;</del></div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Now your image will display the text in multiple colors.  This is particularly useful for snapping text to curves, which can be apain otherwise.</del></div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">[http://www</del>.<del style="font-weight: bold; text-decoration: none;">scripps</del>.<del style="font-weight: bold; text-decoration: none;">edu/~ityonemo/mctest</del>.<del style="font-weight: bold; text-decoration: none;">png link title]</del></div></td><td colspan="2"></td></tr> </table>

Bb https://wiki.inkscape.org/wiki/index.php?title=Multicolor_text&diff=6085&oldid=prev 2006-03-24T07:15:38Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 07:15, 24 March 2006</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l12">Line 12:</td> <td colspan="2" class="diff-lineno">Line 12:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/nowiki&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/nowiki&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Now your image will display the text in multiple colors.  This is particularly useful <del style="font-weight: bold; text-decoration: none;">when you snap your </del>text to <del style="font-weight: bold; text-decoration: none;">a curve</del>. <del style="font-weight: bold; text-decoration: none;"> There is no other way to do this</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Now your image will display the text in multiple colors.  This is particularly useful <ins style="font-weight: bold; text-decoration: none;">for snapping </ins>text to <ins style="font-weight: bold; text-decoration: none;">curves, which can be apain otherwise</ins>.</div></td></tr> <tr><td colspan="2"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[http://www.scripps.edu/~ityonemo/mctest</ins>.<ins style="font-weight: bold; text-decoration: none;">png link title]</ins></div></td></tr> <!-- diff cache key inkscape_wiki-mw01_:diff::1.12:old-6084:rev-6085 --> </table>

Takometer https://wiki.inkscape.org/wiki/index.php?title=Multicolor_text&diff=6084&oldid=prev 2006-03-24T07:13:24Z

<p></p> <p><b>New page</b></p><div>Multicolor text can be done in inkscape, although it is a bit of hack.<br /> <br /> First save your svg file and find the text of interest in the XML file. Find the tspan tag which encloses your text and add tspan tags which delineate the colors to be found in your text.<br /> <br /> Specify the color for your text as a &quot;fill&quot; attribute, as follows:<br /> <br /> &lt;nowiki&gt;<br /> &lt;tspan style=&quot;fill:#ff0000&quot;&gt;this&lt;/tspan&gt;<br /> &lt;tspan style=&quot;fill:#00ff00&quot;&gt;is&lt;/tspan&gt;<br /> &lt;tspan style=&quot;fill:#0000ff&quot;&gt;multicolor&lt;/tspan&gt;<br /> &lt;tspan style=&quot;fill:#000000&quot;&gt;text&lt;/tspan&gt;<br /> &lt;/nowiki&gt;<br /> <br /> Now your image will display the text in multiple colors. This is particularly useful when you snap your text to a curve. There is no other way to do this.</div>

Takometer