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

Added textLength and lengthAdjust to text formatting tools

Browse Source
This commit is contained in:
Timo Dittmann
2021-01-26 11:06:13 +01:00
committed by JFH
parent 69bf3d9d81
commit 41fc05672d
70 changed files with 553 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/editor/images/svg_edit_icons.svg
View File

@@ -1111,6 +1111,28 @@
</svg>
</g>
<g id="textlength">
<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="#ff7f00" stroke="#ff7f00" 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="#ff7f00" stroke="#ff7f00" 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="Kaufland-Regular" 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="#ff7f00" 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="#ff7f00" stroke-width="10" transform="rotate(90 503.125 240.625)" x1="503.125" x2="503.125" y1="178.125" y2="303.125"/>
</g>
</svg>
</g>
<g id="svg_eof"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 72 KiB

After

Width:  |  Height:  |  Size: 76 KiB

22
src/editor/index.html
View File

@@ -381,6 +381,24 @@
<span id="font_sizeLabel" class="icon_label"></span>
<input id="font_size" size="3" value="0" type="text" />
</label>
<div class="toolset" id="tool_text_length" title="Change the length of the text">
<label>
<span id="text_length_icon" class="icon_label"></span>
<input id="text_length" size="4" value="0" type="text" />
</label>
<div id="text_length_dropdown" class="dropdown">
<button></button>
<ul>
<li class="special">
<div id="text_length_slider"></div>
</li>
</ul>
</div>
</div>
<div class="dropdown toolset" id="tool_length_adjust" title="Controls how the text is stretched into the length defined by the textLength attribute">
<label id="length_adjust_label">Length adjust:</label>
<button></button>
</div>
<!-- Not visible, but still used -->
<input id="text" type="text" size="35" />
</div>
@@ -572,6 +590,10 @@
<li class="push_button" id="tool_text_decoration_linethrough" title="Strike through Text" data-value="line-through">ab</li>
<li class="push_button" id="tool_text_decoration_overline" title="Overline Text" data-value="overline">ab</li>
</ul>
<ul id="length_adjust_opts">
<li class="push_button" id="tool_length_adjust_spacing" title="Stretched using spacing only" data-value="spacing">spacing</li>
<li class="push_button" id="tool_length_adjust_spacingAndGlyphs" title="Stretched using spacing and glyphs" data-value="spacingAndGlyphs">spacingAndGlyphs</li>
</ul>
</div>
<!-- hidden divs -->
<div id="color_picker"></div>

2
src/editor/locale.js
View File

@@ -308,6 +308,8 @@ export const readLang = function (langData) {
tool_italic: properties.italic,
tool_letter_spacing: properties.letter_spacing,
tool_word_spacing: properties.word_spacing,
tool_text_length: properties.text_length,
tool_length_adjust: properties.length_adjust,
tool_line: tools.mode_line,
tool_move_bottom: tools.move_bottom,

3
src/editor/locale/lang.af.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.ar.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.az.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.be.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.bg.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.ca.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.cs.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Hlavní menu',

3
src/editor/locale/lang.cy.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.da.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.de.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Den Text zentriert ausrichten',
text_anchor_end: 'Den Text rechtsbündig ausrichten',
letter_spacing: 'Den Abstand zwischen den Buchstaben anpassen',
word_spacing: 'Den Abstand zwischen den einzelnen Wörtern anpassen'
word_spacing: 'Den Abstand zwischen den einzelnen Wörtern anpassen',
text_length: 'Die Breite, in dem der Text gezeichnet wird'
},
tools: {
main_menu: 'Hauptmenü',

3
src/editor/locale/lang.el.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

1
src/editor/locale/lang.en.js
View File

@@ -76,6 +76,7 @@ export default {
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw',
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.es.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Menú principal',

3
src/editor/locale/lang.et.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.fa.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.fi.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.fr.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Menu principal',

3
src/editor/locale/lang.fy.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.ga.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.gl.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.he.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.hi.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.hr.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.hu.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.hy.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.id.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.is.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.it.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Menù principale',

3
src/editor/locale/lang.ja.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.ko.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.lt.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.lv.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.mk.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.ms.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.mt.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.nl.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Hoofdmenu',

3
src/editor/locale/lang.no.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.pl.js
View File

@@ -76,7 +76,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Menu główne',

3
src/editor/locale/lang.pt-BR.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Menu Principal',

3
src/editor/locale/lang.pt-PT.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.ro.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Menu Principal',

3
src/editor/locale/lang.ru.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Главное меню',

3
src/editor/locale/lang.sk.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Hlavné menu',

3
src/editor/locale/lang.sl.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Glavni meni',

3
src/editor/locale/lang.sq.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.sr.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.sv.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.sw.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.test.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.th.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.tl.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.tr.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.uk.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.vi.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

1
src/editor/locale/lang.yi.js
View File

@@ -76,6 +76,7 @@ export default {
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw',
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.zh-CN.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: '主菜单',

3
src/editor/locale/lang.zh-HK.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

3
src/editor/locale/lang.zh-TW.js
View File

@@ -75,7 +75,8 @@ export default {
text_anchor_middle: 'Align the text in middle',
text_anchor_end: 'Align the text in end',
letter_spacing: 'Change the letter spacing',
word_spacing: 'Change the word spacing'
word_spacing: 'Change the word spacing',
text_length: 'Lets you specify the width of the space into which the text will draw'
},
tools: {
main_menu: 'Main Menu',

39
src/editor/svgedit.js
View File

@@ -1205,6 +1205,7 @@ editor.init = () => {
'#text_decoration_icon': 'textdecoration',
'#letter_spacing_icon': 'letterspacing',
'#word_spacing_icon': 'wordspacing',
'#text_length_icon': 'textlength',
'.flyout_arrow_horiz': 'arrow_right',
'.dropdown button, #main_button .dropdown': 'arrow_down',
@@ -2335,6 +2336,9 @@ editor.init = () => {
$('#word_spacing_slider').slider('option', 'value', wordSpacingValue);
$('#font_family').val(elem.getAttribute('font-family'));
$('#font_size').val(elem.getAttribute('font-size'));
const textLengthValue = svgCanvas.getTextLength(elem);
$('#text_length').val(textLengthValue);
$('#text_length_slider').slider('option', 'value', textLengthValue);
$('#text').val(elem.textContent);
if (svgCanvas.addedNew) {
// Timeout needed for IE9
@@ -3934,6 +3938,12 @@ editor.init = () => {
updateContextPanel();
}, {});
addAltDropDown('#tool_length_adjust', '#length_adjust_opts', function () {
const selectedLengthAdjust = $(this).data('value');
svgCanvas.setLengthAdjust(selectedLengthAdjust);
updateContextPanel();
}, {});
editor.addDropDown('#letter_spacing_dropdown', $.noop);
$('#letter_spacing_slider').slider({
@@ -3984,6 +3994,32 @@ editor.init = () => {
svgCanvas.setWordSpacing(val);
};
editor.addDropDown('#text_length_dropdown', $.noop);
$('#text_length_slider').slider({
step: 10,
max: 1000,
stop (evt, ui) {
changeTextLength(ui);
$('#text_length_dropdown li').show();
$(window).mouseup();
},
slide (evt, ui) {
changeTextLength(ui, null);
}
});
const changeTextLength = function (ctl, val) {
if (Utils.isNullish(val)) { val = ctl.value; }
$('#text_length').val(val);
if (!ctl || !ctl.handle) {
$('#text_length_slider').slider('option', 'value', val);
}
svgCanvas.setTextLength(val);
};
/*
When a flyout icon is selected
@@ -5870,6 +5906,9 @@ editor.init = () => {
$('#word_spacing').SpinButton({
min: -1000, step: 1, stateObj, callback: changeWordSpacing
});
$('#text_length').SpinButton({
min: -1000, max: 1000, step: 10, stateObj, callback: changeTextLength
});
$('#zoom').SpinButton({
min: 0.001, max: 10000, step: 50, stepfunc: stepZoom,
stateObj, callback: changeZoom