github/svgedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added text features (#704)

Browse Source 
* Added letter spacing

* Added word spacing

* Added textLength

* Added lengthAdjust

* Added lengthAdjust
This commit is contained in:
Timo Dittmann
2022-01-12 10:48:34 +01:00
committed by GitHub
parent 02feff8db5
commit 0a6cce903e
68 changed files with 683 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/editor/images/letter_spacing.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg width="29" height="29" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:se="http://svg-edit.googlecode.com" data-name="Ebene 1">
<defs>
<marker id="se_marker_start_svg_3" markerHeight="5" markerWidth="5" orient="auto" refX="50" refY="50" viewBox="0 0 100 100">
<path d="m0,50l100,40l-30,-40l30,-40l-100,40z" fill="#f9bc01" id="svg_1" stroke="#f9bc01" stroke-width="10"/>
</marker>
<marker id="se_marker_end_svg_3" markerHeight="5" markerWidth="5" orient="auto" refX="50" refY="50" viewBox="0 0 100 100">
<path d="m100,50l-100,40l30,-40l-30,-40l100,40z" fill="#f9bc01" id="svg_4" stroke="#f9bc01" stroke-width="10"/>
</marker>
</defs>
<g class="layer">
<title>Layer 1</title>
<g id="svg_5">
<text fill="#000000" font-family="serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" x="15.25" xml:space="preserve" y="20.5">ab</text>
<line fill="none" id="svg_3" marker-end="url(#se_marker_end_svg_3)" marker-start="url(#se_marker_start_svg_3)" stroke="#f9bc01" x1="4.75" x2="24.64486" y1="25.75" y2="25.75"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

19
src/editor/images/text_length.svg Normal file
View File

@@ -0,0 +1,19 @@
<svg width="640" height="640" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<defs>
<marker id="se_marker_start_svg_7" markerHeight="5" markerWidth="5" orient="auto" refX="50" refY="50" se_type="leftarrow" viewBox="0 0 100 100">
<path d="m0,50l100,40l-30,-40l30,-40z" fill="#f9bc01" stroke="#f9bc01" stroke-width="10"/>
</marker>
<marker id="se_marker_start_svg_8" markerHeight="5" markerWidth="5" orient="auto" refX="50" refY="50" se_type="leftarrow" viewBox="0 0 100 100">
<path d="m0,50l100,40l-30,-40l30,-40z" fill="#f9bc01" stroke="#f9bc01" stroke-width="10"/>
</marker>
</defs>
<g class="layer">
<path d="m604.14144,302.46208l-129.55032,-129.56196c-4.53917,-4.54034 -11.87285,-4.54034 -16.41202,0l-415.19232,415.22374c-4.53917,4.54034 -4.53917,11.87401 0,16.41318l129.55148,129.56079c2.21139,2.21139 5.12112,3.37528 8.26479,3.37528s6.05223,-1.28028 8.26479,-3.37528l415.19115,-415.22374c4.42162,-4.53917 4.42162,-11.87285 -0.11755,-16.41202zm-62.04002,45.5151l0,0l-57.03529,-56.22522c-4.53917,-4.54034 -11.98924,-4.42395 -16.41202,0.11639c-4.53917,4.54034 -4.42278,11.9904 0.11639,16.41318l56.9189,56.10767l-25.14236,25.14353l-26.77181,-26.77414c-4.53917,-4.54034 -11.87285,-4.54034 -16.41202,0c-4.53917,4.54034 -4.53917,11.87401 0,16.41318l26.77181,26.77414l-24.79319,24.79436l-56.56973,-56.45683c-4.53917,-4.54034 -11.87285,-4.54034 -16.41202,0c-4.53917,4.54034 -4.53917,11.87401 0,16.41318l56.56973,56.45683l-24.79319,24.79436l-26.77181,-26.77414c-4.53917,-4.54034 -11.87285,-4.54034 -16.41202,0c-4.53917,4.54034 -4.53917,11.87401 0,16.41318l26.77181,26.77414l-25.25875,25.25991l-55.98779,-56.92355c-4.53917,-4.54034 -11.87285,-4.65673 -16.41202,-0.11639c-4.53917,4.54034 -4.65556,11.87401 -0.11639,16.41318l56.22057,57.03994l-24.79319,24.79436l-27.23736,-27.23969c-4.53917,-4.54034 -11.87285,-4.54034 -16.41202,0c-4.53917,4.54034 -4.53917,11.87401 0,16.41318l27.23736,27.23969l-24.79319,24.79436l-51.21467,-50.4046c-4.53917,-4.54034 -11.98924,-4.42395 -16.41202,0.11639c-4.53917,4.54034 -4.42278,11.9904 0.11639,16.41318l51.09828,50.28822l-96.60989,96.61804l-113.02191,-113.03122l398.77913,-398.81056l113.02191,113.03122l-37.8276,37.72053z" fill="black" id="svg_3" transform="rotate(45 323.572 453.484)"/>
<path d="m132.49333,459.864c-12.101,-11.002 -31.002,-10.802 -42.103,0.3c-6.1,6.101 -9.301,13.902 -9.101,22.203c0.2,7.701 3.4,14.902 9.101,20.203c5.3,5.701 12.401,8.901 20.202,9.101c0.2,0 0.5,0 0.7,0l0,0c8.001,0 15.601,-3.201 21.602,-9.001c11.101,-11.202 11.301,-30.005 0.3,-42.106c-0.201,-0.299 -0.501,-0.5 -0.701,-0.7zm-13.901,28.705c-2.2,2.1 -4.9,3.201 -7.601,3.201c-1.7,-0.1 -4.1,-0.6 -6.2,-2.9c-0.2,-0.3 -0.5,-0.5 -0.7,-0.7c-2.3,-2 -2.9,-4.501 -2.9,-6.201c-0.1,-2.8 1.1,-5.501 3.2,-7.601c1.8,-1.7 4.3,-2.6 6.8,-2.6c2.6,0 5.3,0.9 7.401,2.7c3.5,4.199 3.5,10.6 0,14.101z" fill="black" id="svg_2"/>
<text fill="#000000" font-family="serif" font-size="293" font-weight="bold" id="svg_1" stroke-width="0" text-anchor="middle" x="319.9375" xml:space="preserve" y="319.3125">A</text>
<line fill="none" id="svg_4" stroke="#000000" stroke-width="10" x1="32.0625" x2="32.0625" y1="138.75" y2="329.75262"/>
<line fill="none" id="svg_5" stroke="#000000" stroke-width="10" x1="613.1875" x2="613.1875" y1="137.93619" y2="328.93881"/>
<line fill="none" id="svg_7" marker-start="url(#se_marker_start_svg_7)" stroke="#f9bc01" stroke-width="10" transform="rotate(-90 153.125 240.625)" x1="153.125" x2="153.125" y1="178.125" y2="303.125"/>
<line fill="none" id="svg_8" marker-start="url(#se_marker_start_svg_8)" stroke="#f9bc01" stroke-width="10" transform="rotate(90 503.125 240.625)" x1="503.125" x2="503.125" y1="178.125" y2="303.125"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

15
src/editor/images/word_spacing.svg Normal file
View File

@@ -0,0 +1,15 @@
<svg width="44" height="44" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<defs>
<marker id="se_marker_start_svg_2" markerHeight="5" markerWidth="5" orient="auto" refX="50" refY="50" viewBox="0 0 100 100">
<path d="m0,50l100,40l-30,-40l30,-40l-100,40z" fill="#f9bc01" id="svg_3" stroke="#f9bc01" stroke-width="10"/>
</marker>
<marker id="se_marker_end_svg_2" markerHeight="5" markerWidth="5" orient="auto" refX="50" refY="50" viewBox="0 0 100 100">
<path d="m100,50l-100,40l30,-40l-30,-40l100,40z" fill="#f9bc01" id="svg_4" stroke="#f9bc01" stroke-width="10"/>
</marker>
</defs>
<g class="layer">
<title>Layer 1</title>
<text fill="#000000" font-family="serif" font-size="15" id="svg_1" stroke="#000000" stroke-width="0" text-anchor="middle" x="22.78779" xml:space="preserve" y="26.00814">A B</text>
<line fill="none" id="svg_2" marker-end="url(#se_marker_end_svg_2)" marker-start="url(#se_marker_start_svg_2)" stroke="#f9bc01" x1="16.19377" x2="29.36873" y1="20.75" y2="20.75"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB