diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml index 2c9d15d4..9a87a7bb 100644 --- a/.github/FUNDING.yml +++ b/.github/FUNDING.yml @@ -1 +1 @@ -github: [brettz9] # May have up to 4 comma-separated user names +github: [brettz9 , OptimistikSAS] # May have up to 4 comma-separated user names diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md index 2adef30a..bf135f4d 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.md +++ b/.github/ISSUE_TEMPLATE/bug_report.md @@ -4,7 +4,7 @@ about: Create a report in case we may be able to help labels: bug - unconfirmed --- -**PLEASE NOTE: This project is not currently being actively developed due to the core developers having moved on, and the only remaining maintainer merely applying occasional minor PRs or tweaks to keep the project alive. While you can file an issue, you should not expect any action, even if we label the issue.** +**PLEASE NOTE: We are trying to make this project live again. While you can file an issue, we will do our best but you should not expect any action, even if we label the issue. However, we are welcoming new contributors ** **Describe the bug** A clear and concise description of what the bug is. diff --git a/README.md b/README.md index 4dbf4e73..947d1650 100644 --- a/README.md +++ b/README.md @@ -71,21 +71,6 @@ You may also obtain URLs for specific [releases](https://github.com/SVG-Edit/svg width="100%" height="100%"> ``` -Note that if you want support for the following browsers, you will at least -need some polyfills. - -For Android Browser 4.4.3-4.4.4, you will need at least `fetch`. - -For the following, you will need at least `URL`, `Promise`, and `fetch`: - -- IE <= 11 -- IE Mobile -- Opera Mini -- Blackberry Browser <= 10 - -And for still older browsers (e.g., IE 8), you will at minimum need a -`querySelector` polyfill. - ### Integrating SVG-edit into your own npm package These steps are only needed if you wish to set up your own npm package @@ -202,13 +187,15 @@ incorporating SVGEdit. You will need to have Node.js/npm installed. the project team can decide if we should support with the latest version. ## Further reading and more information - + * Participate in [discussions](https://github.com/SVG-Edit/svgedit/discussions) * See [docs](docs/) for more documentation. See the [JSDocs for our latest release](https://svg-edit.github.io/svgedit/releases/latest/docs/jsdoc/index.html). * [Acknowledgements](docs/Acknowledgements.md) lists open source projects used in svg-edit. * See [AUTHORS](AUTHORS) file for authors. * [StackOverflow](https://stackoverflow.com/tags/svg-edit) group. + +## Older references * Join the [svg-edit mailing list](https://groups.google.com/forum/#!forum/svg-edit). * Join us on `#svg-edit` on `freenode.net` (or use the [web client](https://webchat.freenode.net/?channels=svg-edit)). diff --git a/badges/coverage-badge.svg b/badges/coverage-badge.svg index c537428e..c3f8392e 100644 --- a/badges/coverage-badge.svg +++ b/badges/coverage-badge.svg @@ -1 +1 @@ -Statements 52.79%Statements 52.79%Branches 41.6%Branches 41.6%Lines 53.61%Lines 53.61%Functions 60.18%Functions 60.18% +Statements 52.95%Statements 52.95%Branches 41.89%Branches 41.89%Lines 53.76%Lines 53.76%Functions 60.47%Functions 60.47% diff --git a/badges/tests-badge.svg b/badges/tests-badge.svg index 61b3e08c..515cd6b9 100644 --- a/badges/tests-badge.svg +++ b/badges/tests-badge.svg @@ -1 +1 @@ -TestsTests141/141141/141 \ No newline at end of file +TestsTests144/144144/144 \ No newline at end of file diff --git a/cypress/integration/ui/__snapshots__/scenario.js.snap b/cypress/integration/ui/__snapshots__/scenario.js.snap index 3636cb70..99c631c3 100644 --- a/cypress/integration/ui/__snapshots__/scenario.js.snap +++ b/cypress/integration/ui/__snapshots__/scenario.js.snap @@ -649,3 +649,411 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = ` `; + +exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = ` + + + Layer 1 + + + B + + + B + + + + + + + + +`; + +exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = ` + + + Layer 1 + + + B + + + B + + + + + + + + + +`; + +exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = ` + + + Layer 1 + + + B + + + B + + + + + + + + + + +`; diff --git a/cypress/integration/ui/accessibility.js b/cypress/integration/ui/accessibility.js index c192d9f8..17c2a3f0 100644 --- a/cypress/integration/ui/accessibility.js +++ b/cypress/integration/ui/accessibility.js @@ -1,9 +1,12 @@ +import { + visitAndApproveStorage +} from '../../support/ui-test-helper.js'; + describe('UI - Accessibility', function () { beforeEach(() => { - cy.visit('/instrumented/editor/index.html'); + visitAndApproveStorage(); cy.injectAxe(); }); - // https://www.npmjs.com/package/cypress-axe it('Has no detectable a11y violations on load', () => { // Configure aXe and test the page at initial load diff --git a/cypress/integration/ui/scenario.js b/cypress/integration/ui/scenario.js index 1d31b3b6..bdd23209 100644 --- a/cypress/integration/ui/scenario.js +++ b/cypress/integration/ui/scenario.js @@ -88,4 +88,22 @@ describe('use various parts of svg-edit', function () { .trigger('mouseup', {force: true}); cy.get('#svgcontent').toMatchSnapshot(); }); + it('check tool_text_anchor_start', function () { + cy.get('#svg_1').click({force: true}); + cy.get('#tool_text_anchor_start') + .click({force: true}); + testSnapshot(); + }); + it('check tool_text_anchor_middle', function () { + cy.get('#svg_1').click({force: true}); + cy.get('#tool_text_anchor_middle') + .click({force: true}); + testSnapshot(); + }); + it('check tool_text_anchor_end', function () { + cy.get('#svg_1').click({force: true}); + cy.get('#tool_text_anchor_end') + .click({force: true}); + testSnapshot(); + }); }); diff --git a/dist/editor/index.html b/dist/editor/index.html index 9c363e8e..b8280be5 100644 --- a/dist/editor/index.html +++ b/dist/editor/index.html @@ -231,6 +231,9 @@
+
+
+
- \ No newline at end of file + diff --git a/package-lock.json b/package-lock.json index e4f9475c..8f05e530 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17461,7 +17461,7 @@ "dev": true }, "qr-manipulation": { - "version": "git+https://github.com/brettz9/qr-manipulation.git#f3dd92f4db007b2195ab1477757db74d598c3fdc", + "version": "git+https://github.com/brettz9/qr-manipulation.git#fc28c633c6b4caf3489508dc42c013dd0d8a43f8", "from": "git+https://github.com/brettz9/qr-manipulation.git", "dev": true }, diff --git a/src/editor/images/anchor_end.svg b/src/editor/images/anchor_end.svg new file mode 100644 index 00000000..5aa50c86 --- /dev/null +++ b/src/editor/images/anchor_end.svg @@ -0,0 +1,8 @@ + + + + Layer 1 + abcd + + + \ No newline at end of file diff --git a/src/editor/images/anchor_middle.svg b/src/editor/images/anchor_middle.svg new file mode 100644 index 00000000..80f12950 --- /dev/null +++ b/src/editor/images/anchor_middle.svg @@ -0,0 +1,8 @@ + + + + Layer 1 + abcd + + + \ No newline at end of file diff --git a/src/editor/images/anchor_start.svg b/src/editor/images/anchor_start.svg new file mode 100644 index 00000000..1ef5d67c --- /dev/null +++ b/src/editor/images/anchor_start.svg @@ -0,0 +1,8 @@ + + + + Layer 1 + abcd + + + \ No newline at end of file diff --git a/src/editor/index.html b/src/editor/index.html index ee28888b..fb8b4dcb 100644 --- a/src/editor/index.html +++ b/src/editor/index.html @@ -231,6 +231,9 @@
+ + +
- \ No newline at end of file + diff --git a/src/editor/locale.js b/src/editor/locale.js index 4a827961..5742c178 100644 --- a/src/editor/locale.js +++ b/src/editor/locale.js @@ -288,6 +288,9 @@ export const readLang = function (langData) { tool_angle: properties.angle, tool_blur: properties.blur, tool_bold: properties.bold, + tool_text_anchor_start: properties.text_anchor_start, + tool_text_anchor_middle: properties.text_anchor_middle, + tool_text_anchor_end: properties.text_anchor_end, tool_circle: tools.mode_circle, tool_clone: tools.clone, tool_clone_multi: tools.clone, @@ -303,6 +306,7 @@ export const readLang = function (langData) { tool_link_url: tools.set_link_url, tool_image: tools.mode_image, tool_italic: properties.italic, + tool_line: tools.mode_line, tool_move_bottom: tools.move_bottom, tool_move_top: tools.move_top, diff --git a/src/editor/locale/lang.af.js b/src/editor/locale/lang.af.js index 0cada5d5..0eb3455b 100644 --- a/src/editor/locale/lang.af.js +++ b/src/editor/locale/lang.af.js @@ -70,7 +70,10 @@ export default { font_family: 'Lettertipe verander Familie', font_size: 'Verandering Lettertipe Grootte', bold: 'Vetgedrukte teks', - italic: 'Italic Text' + italic: 'Italic Text', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.ar.js b/src/editor/locale/lang.ar.js index 20430852..9a709f34 100644 --- a/src/editor/locale/lang.ar.js +++ b/src/editor/locale/lang.ar.js @@ -70,7 +70,10 @@ export default { font_family: 'تغيير الخط الأسرة', font_size: 'تغيير حجم الخط', bold: 'نص جريء', - italic: 'مائل نص' + italic: 'مائل نص', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.az.js b/src/editor/locale/lang.az.js index c13c47c4..bd386a94 100644 --- a/src/editor/locale/lang.az.js +++ b/src/editor/locale/lang.az.js @@ -70,7 +70,10 @@ export default { font_family: 'Change Font Family', font_size: 'Change Font Size', bold: 'Bold Text', - italic: 'Italic Text' + italic: 'Italic Text', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.be.js b/src/editor/locale/lang.be.js index 79976cb8..8f304e69 100644 --- a/src/editor/locale/lang.be.js +++ b/src/editor/locale/lang.be.js @@ -70,7 +70,10 @@ export default { font_family: 'Змены Сямейства шрыфтоў', font_size: 'Змяніць памер шрыфта', bold: 'Тоўсты тэкст', - italic: 'Нахілены тэкст' + italic: 'Нахілены тэкст', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.bg.js b/src/editor/locale/lang.bg.js index dbf62f8b..c6df7435 100644 --- a/src/editor/locale/lang.bg.js +++ b/src/editor/locale/lang.bg.js @@ -70,7 +70,10 @@ export default { font_family: 'Промяна на шрифта Семейство', font_size: 'Промени размера на буквите', bold: 'Получер текст', - italic: 'Курсив текст' + italic: 'Курсив текст', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.ca.js b/src/editor/locale/lang.ca.js index 41102438..ea16f58e 100644 --- a/src/editor/locale/lang.ca.js +++ b/src/editor/locale/lang.ca.js @@ -70,7 +70,10 @@ export default { font_family: 'Canviar la font Família', font_size: 'Change Font Size', bold: 'Text en negreta', - italic: 'Text en cursiva' + italic: 'Text en cursiva', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.cs.js b/src/editor/locale/lang.cs.js index 13a89596..1dd2c4bc 100644 --- a/src/editor/locale/lang.cs.js +++ b/src/editor/locale/lang.cs.js @@ -70,7 +70,10 @@ export default { font_family: 'Změnit font', font_size: 'Změnit velikost písma', bold: 'Tučně', - italic: 'Kurzíva' + italic: 'Kurzíva', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Hlavní menu', diff --git a/src/editor/locale/lang.cy.js b/src/editor/locale/lang.cy.js index 281b258f..fd1da0ae 100644 --- a/src/editor/locale/lang.cy.js +++ b/src/editor/locale/lang.cy.js @@ -70,7 +70,10 @@ export default { font_family: 'Newid Font Teulu', font_size: 'Newid Maint Ffont', bold: 'Testun Bras', - italic: 'Italig Testun' + italic: 'Italig Testun', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.da.js b/src/editor/locale/lang.da.js index 69a0ac79..7f1665bb 100644 --- a/src/editor/locale/lang.da.js +++ b/src/editor/locale/lang.da.js @@ -70,7 +70,10 @@ export default { font_family: 'Skift Font Family', font_size: 'Skift skriftstørrelse', bold: 'Fed tekst', - italic: 'Italic Text' + italic: 'Italic Text', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.de.js b/src/editor/locale/lang.de.js index 867e3fc9..71536806 100644 --- a/src/editor/locale/lang.de.js +++ b/src/editor/locale/lang.de.js @@ -70,7 +70,10 @@ export default { font_family: 'Schriftart wählen', font_size: 'Schriftgröße einstellen', bold: 'Fetter Text', - italic: 'Kursiver Text' + italic: 'Kursiver Text', + text_anchor_start: 'Den Text linksbündig ausrichten', + text_anchor_middle: 'Den Text zentriert ausrichten', + text_anchor_end: 'Den Text rechtsbündig ausrichten' }, tools: { main_menu: 'Hauptmenü', diff --git a/src/editor/locale/lang.el.js b/src/editor/locale/lang.el.js index 72a37906..e00df94f 100644 --- a/src/editor/locale/lang.el.js +++ b/src/editor/locale/lang.el.js @@ -70,7 +70,10 @@ export default { font_family: 'Αλλαγή γραμματοσειράς Οικογένεια', font_size: 'Αλλαγή μεγέθους γραμματοσειράς', bold: 'Bold Text', - italic: 'Πλάγιους' + italic: 'Πλάγιους', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.en.js b/src/editor/locale/lang.en.js index fe2ac3ca..da362c3c 100644 --- a/src/editor/locale/lang.en.js +++ b/src/editor/locale/lang.en.js @@ -70,7 +70,10 @@ export default { font_family: 'Change Font Family', font_size: 'Change Font Size', bold: 'Bold Text [B]', - italic: 'Italic Text [I]' + italic: 'Italic Text [I]', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.es.js b/src/editor/locale/lang.es.js index a25916dd..f246949f 100644 --- a/src/editor/locale/lang.es.js +++ b/src/editor/locale/lang.es.js @@ -70,7 +70,10 @@ export default { font_family: 'Tipo de fuente', font_size: 'Tamaño de la fuente', bold: 'Texto en negrita', - italic: 'Texto en cursiva' + italic: 'Texto en cursiva', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Menú principal', diff --git a/src/editor/locale/lang.et.js b/src/editor/locale/lang.et.js index 3fe11c54..d277957a 100644 --- a/src/editor/locale/lang.et.js +++ b/src/editor/locale/lang.et.js @@ -70,7 +70,10 @@ export default { font_family: 'Muutke Kirjasinperhe', font_size: 'Change font size', bold: 'Rasvane kiri', - italic: 'Kursiiv' + italic: 'Kursiiv', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.fa.js b/src/editor/locale/lang.fa.js index a541c2f8..90da7e18 100644 --- a/src/editor/locale/lang.fa.js +++ b/src/editor/locale/lang.fa.js @@ -70,7 +70,10 @@ export default { font_family: '‫تغییر خانواده قلم‬', font_size: '‫تغییر اندازه قلم‬', bold: '‫متن توپر ‬', - italic: '‫متن کج ‬' + italic: '‫متن کج ‬', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.fi.js b/src/editor/locale/lang.fi.js index 1632b803..f8cd3ddc 100644 --- a/src/editor/locale/lang.fi.js +++ b/src/editor/locale/lang.fi.js @@ -70,7 +70,10 @@ export default { font_family: 'Muuta Font Family', font_size: 'Muuta fontin kokoa', bold: 'Lihavoitu teksti', - italic: 'Kursivoitu' + italic: 'Kursivoitu', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.fr.js b/src/editor/locale/lang.fr.js index 776bd8fc..89c430cb 100644 --- a/src/editor/locale/lang.fr.js +++ b/src/editor/locale/lang.fr.js @@ -70,7 +70,10 @@ export default { font_family: 'Changer la famille de police', font_size: 'Changer la taille de la police', bold: 'Texte en gras', - italic: 'Texte en italique' + italic: 'Texte en italique', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Menu principal', diff --git a/src/editor/locale/lang.fy.js b/src/editor/locale/lang.fy.js index fbae581f..bb3de49e 100644 --- a/src/editor/locale/lang.fy.js +++ b/src/editor/locale/lang.fy.js @@ -70,7 +70,10 @@ export default { font_family: 'Lettertype oanpasse', font_size: 'Lettergrutte oanpasse', bold: 'Fet', - italic: 'Skean' + italic: 'Skean', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.ga.js b/src/editor/locale/lang.ga.js index 7c814bdb..5cffbbcd 100644 --- a/src/editor/locale/lang.ga.js +++ b/src/editor/locale/lang.ga.js @@ -70,7 +70,10 @@ export default { font_family: 'Athraigh an Cló Teaghlaigh', font_size: 'Athraigh Clómhéid', bold: 'Trom Téacs', - italic: 'Iodálach Téacs' + italic: 'Iodálach Téacs', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.gl.js b/src/editor/locale/lang.gl.js index e50b98c6..6c3355ca 100644 --- a/src/editor/locale/lang.gl.js +++ b/src/editor/locale/lang.gl.js @@ -70,7 +70,10 @@ export default { font_family: 'Cambiar fonte Familia', font_size: 'Mudar tamaño de letra', bold: 'Bold Text', - italic: 'Texto en cursiva' + italic: 'Texto en cursiva', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.he.js b/src/editor/locale/lang.he.js index 5c8c5eed..2f6a7d3f 100755 --- a/src/editor/locale/lang.he.js +++ b/src/editor/locale/lang.he.js @@ -70,7 +70,10 @@ export default { font_family: 'שינוי גופן משפחה', font_size: 'שנה גודל גופן', bold: 'טקסט מודגש', - italic: 'טקסט נטוי' + italic: 'טקסט נטוי', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.hi.js b/src/editor/locale/lang.hi.js index ef5da6a0..2692a7e8 100644 --- a/src/editor/locale/lang.hi.js +++ b/src/editor/locale/lang.hi.js @@ -70,7 +70,10 @@ export default { font_family: 'बदलें फ़ॉन्ट परिवार', font_size: 'फ़ॉन्ट का आकार बदलें', bold: 'मोटा पाठ', - italic: 'इटैलिक पाठ' + italic: 'इटैलिक पाठ', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.hr.js b/src/editor/locale/lang.hr.js index 6df24a24..b81450cc 100644 --- a/src/editor/locale/lang.hr.js +++ b/src/editor/locale/lang.hr.js @@ -70,7 +70,10 @@ export default { font_family: 'Promjena fontova', font_size: 'Change font size', bold: 'Podebljani tekst', - italic: 'Italic Text' + italic: 'Italic Text', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.hu.js b/src/editor/locale/lang.hu.js index 5d022e37..7ac0fe41 100644 --- a/src/editor/locale/lang.hu.js +++ b/src/editor/locale/lang.hu.js @@ -70,7 +70,10 @@ export default { font_family: 'Change Betűcsalád', font_size: 'Change font size', bold: 'Félkövér szöveg', - italic: 'Dőlt szöveg' + italic: 'Dőlt szöveg', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.hy.js b/src/editor/locale/lang.hy.js index 08d6ddf3..3756d9cd 100644 --- a/src/editor/locale/lang.hy.js +++ b/src/editor/locale/lang.hy.js @@ -70,7 +70,10 @@ export default { font_family: 'Change Font Family', font_size: 'Change Font Size', bold: 'Bold Text', - italic: 'Italic Text' + italic: 'Italic Text', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.id.js b/src/editor/locale/lang.id.js index 5d6d1064..d3fef943 100644 --- a/src/editor/locale/lang.id.js +++ b/src/editor/locale/lang.id.js @@ -70,7 +70,10 @@ export default { font_family: 'Ubah Font Keluarga', font_size: 'Ubah Ukuran Font', bold: 'Bold Teks', - italic: 'Italic Teks' + italic: 'Italic Teks', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.is.js b/src/editor/locale/lang.is.js index d659ea1c..f20a5739 100644 --- a/src/editor/locale/lang.is.js +++ b/src/editor/locale/lang.is.js @@ -70,7 +70,10 @@ export default { font_family: 'Change Leturfjölskylda', font_size: 'Breyta leturstærð', bold: 'Bold Text', - italic: 'Italic Text' + italic: 'Italic Text', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.it.js b/src/editor/locale/lang.it.js index baca8758..e6372ee9 100644 --- a/src/editor/locale/lang.it.js +++ b/src/editor/locale/lang.it.js @@ -70,7 +70,10 @@ export default { font_family: 'Cambia il tipo di Font', font_size: 'Modifica dimensione carattere', bold: 'Grassetto', - italic: 'Corsivo' + italic: 'Corsivo', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Menù principale', diff --git a/src/editor/locale/lang.ja.js b/src/editor/locale/lang.ja.js index da9bbb56..dd4f7b75 100644 --- a/src/editor/locale/lang.ja.js +++ b/src/editor/locale/lang.ja.js @@ -70,7 +70,10 @@ export default { font_family: 'フォントファミリーの変更', font_size: '文字サイズの変更', bold: '太字', - italic: 'イタリック体' + italic: 'イタリック体', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.ko.js b/src/editor/locale/lang.ko.js index 8239ecd9..cc9f1b2b 100644 --- a/src/editor/locale/lang.ko.js +++ b/src/editor/locale/lang.ko.js @@ -70,7 +70,10 @@ export default { font_family: '글꼴 변경 패밀리', font_size: '글꼴 크기 변경', bold: '굵은 텍스트', - italic: '기울임꼴 텍스트' + italic: '기울임꼴 텍스트', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.lt.js b/src/editor/locale/lang.lt.js index 4ff30991..67ac3cdb 100644 --- a/src/editor/locale/lang.lt.js +++ b/src/editor/locale/lang.lt.js @@ -70,7 +70,10 @@ export default { font_family: 'Pakeistišriftą Šeima', font_size: 'Change font size', bold: 'Pusjuodis', - italic: 'Kursyvas' + italic: 'Kursyvas', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.lv.js b/src/editor/locale/lang.lv.js index f1b3bc66..4b0dadf0 100644 --- a/src/editor/locale/lang.lv.js +++ b/src/editor/locale/lang.lv.js @@ -70,7 +70,10 @@ export default { font_family: 'Mainīt fonta Family', font_size: 'Mainīt fonta izmēru', bold: 'Bold Text', - italic: 'Kursīvs' + italic: 'Kursīvs', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.mk.js b/src/editor/locale/lang.mk.js index 2bc615aa..e29acee7 100644 --- a/src/editor/locale/lang.mk.js +++ b/src/editor/locale/lang.mk.js @@ -70,7 +70,10 @@ export default { font_family: 'Смени фонт Фамилија', font_size: 'Изменифонт Големина', bold: 'Задебелен текст', - italic: 'Italic текст' + italic: 'Italic текст', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.ms.js b/src/editor/locale/lang.ms.js index ff888d19..e29aca4e 100644 --- a/src/editor/locale/lang.ms.js +++ b/src/editor/locale/lang.ms.js @@ -70,7 +70,10 @@ export default { font_family: 'Tukar Font Keluarga', font_size: 'Ubah Saiz Font', bold: 'Bold Teks', - italic: 'Italic Teks' + italic: 'Italic Teks', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.mt.js b/src/editor/locale/lang.mt.js index 887556cf..dde0afcb 100644 --- a/src/editor/locale/lang.mt.js +++ b/src/editor/locale/lang.mt.js @@ -70,7 +70,10 @@ export default { font_family: 'Bidla Font Familja', font_size: 'Change font size', bold: 'Bold Test', - italic: 'Test korsiv' + italic: 'Test korsiv', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.nl.js b/src/editor/locale/lang.nl.js index 8a47d270..92527eb9 100644 --- a/src/editor/locale/lang.nl.js +++ b/src/editor/locale/lang.nl.js @@ -70,7 +70,10 @@ export default { font_family: 'Verander lettertype', font_size: 'Verander lettertype grootte', bold: 'Vet', - italic: 'Cursief' + italic: 'Cursief', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Hoofdmenu', diff --git a/src/editor/locale/lang.no.js b/src/editor/locale/lang.no.js index 9466ffdc..6b5ade9c 100644 --- a/src/editor/locale/lang.no.js +++ b/src/editor/locale/lang.no.js @@ -70,7 +70,10 @@ export default { font_family: 'Change Font Family', font_size: 'Endre skriftstørrelse', bold: 'Fet tekst', - italic: 'Kursiv tekst' + italic: 'Kursiv tekst', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.pl.js b/src/editor/locale/lang.pl.js index 1a9bb30a..d4390a1b 100644 --- a/src/editor/locale/lang.pl.js +++ b/src/editor/locale/lang.pl.js @@ -71,7 +71,10 @@ export default { font_family: 'Zmień krój czcionki', font_size: 'Zmień rozmiar czcionki', bold: 'Pogrubienie textu', - italic: 'Kursywa' + italic: 'Kursywa', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Menu główne', diff --git a/src/editor/locale/lang.pt-BR.js b/src/editor/locale/lang.pt-BR.js index 4ea3e734..f1671bf7 100644 --- a/src/editor/locale/lang.pt-BR.js +++ b/src/editor/locale/lang.pt-BR.js @@ -70,7 +70,10 @@ export default { font_family: 'Mudar o estilo da fonte', font_size: 'Mudar o tamanho da fonte', bold: 'Negrito', - italic: 'Italico' + italic: 'Italico', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Menu Principal', diff --git a/src/editor/locale/lang.pt-PT.js b/src/editor/locale/lang.pt-PT.js index c49e7111..a5451387 100644 --- a/src/editor/locale/lang.pt-PT.js +++ b/src/editor/locale/lang.pt-PT.js @@ -70,7 +70,10 @@ export default { font_family: 'Alterar fonte Família', font_size: 'Alterar tamanho de letra', bold: 'Bold Text', - italic: 'Texto em itálico' + italic: 'Texto em itálico', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.ro.js b/src/editor/locale/lang.ro.js index 69cfd2c8..25284410 100644 --- a/src/editor/locale/lang.ro.js +++ b/src/editor/locale/lang.ro.js @@ -70,7 +70,10 @@ export default { font_family: 'Modificare familie de fonturi', font_size: 'Schimbă dimensiunea fontului', bold: 'Text Îngroşat', - italic: 'Text Înclinat' + italic: 'Text Înclinat', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Menu Principal', diff --git a/src/editor/locale/lang.ru.js b/src/editor/locale/lang.ru.js index 3f920578..8668ccc4 100644 --- a/src/editor/locale/lang.ru.js +++ b/src/editor/locale/lang.ru.js @@ -70,7 +70,10 @@ export default { font_family: 'Изменить семейство шрифтов', font_size: 'Изменить размер шрифта', bold: 'Жирный', - italic: 'Курсив' + italic: 'Курсив', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Главное меню', diff --git a/src/editor/locale/lang.sk.js b/src/editor/locale/lang.sk.js index 89e3c181..66ddd7a0 100644 --- a/src/editor/locale/lang.sk.js +++ b/src/editor/locale/lang.sk.js @@ -70,7 +70,10 @@ export default { font_family: 'Zmeniť font', font_size: 'Zmeniť veľkosť písma', bold: 'Tučné', - italic: 'Kurzíva' + italic: 'Kurzíva', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Hlavné menu', diff --git a/src/editor/locale/lang.sl.js b/src/editor/locale/lang.sl.js index ac439f07..ccd1312d 100644 --- a/src/editor/locale/lang.sl.js +++ b/src/editor/locale/lang.sl.js @@ -70,7 +70,10 @@ export default { font_family: 'Spremeni tip pisave', font_size: 'Spremeni velikost pisave', bold: 'Krepko', - italic: 'Poševno' + italic: 'Poševno', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Glavni meni', diff --git a/src/editor/locale/lang.sq.js b/src/editor/locale/lang.sq.js index 16d14a3a..8c3c6762 100644 --- a/src/editor/locale/lang.sq.js +++ b/src/editor/locale/lang.sq.js @@ -70,7 +70,10 @@ export default { font_family: 'Ndryshimi Font Family', font_size: 'Ndryshimi Font Size', bold: 'Bold Text', - italic: 'Italic Text' + italic: 'Italic Text', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.sr.js b/src/editor/locale/lang.sr.js index aa5c0295..2b440900 100644 --- a/src/editor/locale/lang.sr.js +++ b/src/editor/locale/lang.sr.js @@ -70,7 +70,10 @@ export default { font_family: 'Цханге фонт породицу', font_size: 'Цханге фонт сизе', bold: 'Подебљан текст', - italic: 'Италиц текст' + italic: 'Италиц текст', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.sv.js b/src/editor/locale/lang.sv.js index f7e3f967..a262bd80 100644 --- a/src/editor/locale/lang.sv.js +++ b/src/editor/locale/lang.sv.js @@ -70,7 +70,10 @@ export default { font_family: 'Ändra Typsnitt', font_size: 'Ändra textstorlek', bold: 'Fet text', - italic: 'Kursiv text' + italic: 'Kursiv text', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.sw.js b/src/editor/locale/lang.sw.js index 288b9eab..83b556f6 100644 --- a/src/editor/locale/lang.sw.js +++ b/src/editor/locale/lang.sw.js @@ -70,7 +70,10 @@ export default { font_family: 'Change font Family', font_size: 'Change font Size', bold: 'Bold Nakala', - italic: 'Italiki Nakala' + italic: 'Italiki Nakala', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.test.js b/src/editor/locale/lang.test.js index 45565882..07757884 100644 --- a/src/editor/locale/lang.test.js +++ b/src/editor/locale/lang.test.js @@ -70,7 +70,10 @@ export default { font_family: 'Change Font Family', font_size: 'Change Font Size', bold: 'Bold Text', - italic: 'Italic Text' + italic: 'Italic Text', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.th.js b/src/editor/locale/lang.th.js index fbb455cd..79dab68c 100644 --- a/src/editor/locale/lang.th.js +++ b/src/editor/locale/lang.th.js @@ -70,7 +70,10 @@ export default { font_family: 'ครอบครัว Change Font', font_size: 'เปลี่ยนขนาดตัวอักษร', bold: 'ข้อความตัวหนา', - italic: 'ข้อความตัวเอียง' + italic: 'ข้อความตัวเอียง', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.tl.js b/src/editor/locale/lang.tl.js index aa4c26f4..d353a3aa 100644 --- a/src/editor/locale/lang.tl.js +++ b/src/editor/locale/lang.tl.js @@ -70,7 +70,10 @@ export default { font_family: 'Baguhin ang Pamilya ng Font', font_size: 'Baguhin ang Laki ng Font', bold: 'Bold Text', - italic: 'Italic Text' + italic: 'Italic Text', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.tr.js b/src/editor/locale/lang.tr.js index 0c734275..759e747a 100644 --- a/src/editor/locale/lang.tr.js +++ b/src/editor/locale/lang.tr.js @@ -70,7 +70,10 @@ export default { font_family: 'Font değiştir Aile', font_size: 'Change font size', bold: 'Kalın Yazı', - italic: 'Italik yazı' + italic: 'Italik yazı', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.uk.js b/src/editor/locale/lang.uk.js index 84f1f29a..e47a0a58 100644 --- a/src/editor/locale/lang.uk.js +++ b/src/editor/locale/lang.uk.js @@ -70,7 +70,10 @@ export default { font_family: 'Зміни Сімейство шрифтів', font_size: 'Змінити розмір шрифту', bold: 'Товстий текст', - italic: 'Похилий текст' + italic: 'Похилий текст', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.vi.js b/src/editor/locale/lang.vi.js index 10daf9f8..bcb1f2bf 100644 --- a/src/editor/locale/lang.vi.js +++ b/src/editor/locale/lang.vi.js @@ -70,7 +70,10 @@ export default { font_family: 'Thay đổi Font Gia đình', font_size: 'Thay đổi cỡ chữ', bold: 'Bold Text', - italic: 'Italic Text' + italic: 'Italic Text', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.yi.js b/src/editor/locale/lang.yi.js index 9f6983ea..fd21d6e6 100644 --- a/src/editor/locale/lang.yi.js +++ b/src/editor/locale/lang.yi.js @@ -70,7 +70,10 @@ export default { font_family: 'ענדערן פאָנט פאַמילי', font_size: 'בייטן פאָנט גרייס', bold: 'דרייסט טעקסט', - italic: 'יטאַליק טעקסט' + italic: 'יטאַליק טעקסט', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.zh-CN.js b/src/editor/locale/lang.zh-CN.js index 1accbaba..41cdbf54 100644 --- a/src/editor/locale/lang.zh-CN.js +++ b/src/editor/locale/lang.zh-CN.js @@ -70,7 +70,10 @@ export default { font_family: '更改字体样式', font_size: '更改字体大小', bold: '粗体', - italic: '斜体' + italic: '斜体', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: '主菜单', diff --git a/src/editor/locale/lang.zh-HK.js b/src/editor/locale/lang.zh-HK.js index 4d95992c..cf2cd61b 100644 --- a/src/editor/locale/lang.zh-HK.js +++ b/src/editor/locale/lang.zh-HK.js @@ -70,7 +70,10 @@ export default { font_family: '更改字体家族', font_size: '更改字体大小', bold: '粗体', - italic: '斜体文本' + italic: '斜体文本', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/locale/lang.zh-TW.js b/src/editor/locale/lang.zh-TW.js index f0aebccf..4239ea03 100644 --- a/src/editor/locale/lang.zh-TW.js +++ b/src/editor/locale/lang.zh-TW.js @@ -70,7 +70,10 @@ export default { font_family: '更改字體', font_size: '更改字體大小', bold: '粗體', - italic: '斜體' + italic: '斜體', + text_anchor_start: 'Align the text in start', + text_anchor_middle: 'Align the text in middle', + text_anchor_end: 'Align the text in end' }, tools: { main_menu: 'Main Menu', diff --git a/src/editor/svgedit.js b/src/editor/svgedit.js index 4a111b95..53bce338 100644 --- a/src/editor/svgedit.js +++ b/src/editor/svgedit.js @@ -515,6 +515,26 @@ editor.init = () => { $('#font_family').val(elem.getAttribute('font-family')); $('#font_size').val(elem.getAttribute('font-size')); $('#text').val(elem.textContent); + const textAnchorStart = $id('tool_text_anchor_start'); + const textAnchorMiddle = $id('tool_text_anchor_middle'); + const textAnchorEnd = $id('tool_text_anchor_end'); + switch (elem.getAttribute('text-anchor')) { + case 'start': + textAnchorStart.pressed = true; + textAnchorMiddle.pressed = false; + textAnchorEnd.pressed = false; + break; + case 'middle': + textAnchorStart.pressed = false; + textAnchorMiddle.pressed = true; + textAnchorEnd.pressed = false; + break; + case 'end': + textAnchorStart.pressed = false; + textAnchorMiddle.pressed = false; + textAnchorEnd.pressed = true; + break; + } if (svgCanvas.addedNew) { // Timeout needed for IE9 setTimeout(() => { @@ -2535,6 +2555,17 @@ editor.init = () => { return false; }; + /** + * + * @param {string} value "start","end" or "middle" + * @returns {false} + */ + const clickTextAnchor = (value) => { + svgCanvas.setTextAnchor(value); + updateContextPanel(); + return false; + }; + /** * * @returns {void} @@ -3193,6 +3224,10 @@ editor.init = () => { $id('tool_bold').addEventListener('click', clickBold); $id('tool_italic').addEventListener('click', clickItalic); + $id('tool_text_anchor_start').addEventListener('click', () => clickTextAnchor('start')); + $id('tool_text_anchor_middle').addEventListener('click', () => clickTextAnchor('middle')); + $id('tool_text_anchor_end').addEventListener('click', () => clickTextAnchor('end')); + $id('palette').addEventListener('change', handlePalette); $id('tool_clear').addEventListener('click', clickClear); @@ -3496,7 +3531,6 @@ editor.init = () => { try { svgeditClipboard = localStorage.getItem('svgedit_clipboard'); } catch (err) {} - // eslint-disable-next-line max-len canvMenu.setAttribute((svgeditClipboard ? 'en' : 'dis') + 'ablemenuitems', '#paste,#paste_in_place'); } enableOrDisableClipboard(); diff --git a/src/svgcanvas/elem-get-set.js b/src/svgcanvas/elem-get-set.js index 0d631a7c..be70da7c 100644 --- a/src/svgcanvas/elem-get-set.js +++ b/src/svgcanvas/elem-get-set.js @@ -606,6 +606,24 @@ isNullish(selectedElements[1])) { elemContext_.getCanvas().textActions.setCursor(); } }; + +/** + * @function module:svgcanvas.SvgCanvas#setTextAnchorMethod Set the new text anchor + * @param {string} value - The text anchor value (start, middle or end) + * @returns {void} + */ +export const setTextAnchorMethod = function (value) { + const selectedElements = elemContext_.getSelectedElements(); + const selected = selectedElements[0]; + if (!isNullish(selected) && selected.tagName === 'text' && + isNullish(selectedElements[1])) { + elemContext_.getCanvas().changeSelectedAttribute('text-anchor', value); + } + if (!selectedElements[0].textContent) { + elemContext_.getCanvas().textActions.setCursor(); + } +}; + /** * @function module:svgcanvas.SvgCanvas#getFontFamily * @returns {string} The current font family diff --git a/src/svgcanvas/svgcanvas.js b/src/svgcanvas/svgcanvas.js index 773c3def..eab86b98 100644 --- a/src/svgcanvas/svgcanvas.js +++ b/src/svgcanvas/svgcanvas.js @@ -57,7 +57,7 @@ import { setDocumentTitleMethod, setResolutionMethod, getEditorNSMethod, setBBoxZoomMethod, setZoomMethod, setColorMethod, setGradientMethod, findDuplicateGradient, setPaintMethod, setStrokeWidthMethod, setStrokeAttrMethod, getBoldMethod, setBoldMethod, getItalicMethod, - setItalicMethod, getFontFamilyMethod, setFontFamilyMethod, setFontColorMethod, getFontColorMethod, + setItalicMethod, setTextAnchorMethod, getFontFamilyMethod, setFontFamilyMethod, setFontColorMethod, getFontColorMethod, getFontSizeMethod, setFontSizeMethod, getTextMethod, setTextContentMethod, setImageURLMethod, setLinkURLMethod, setRectRadiusMethod, makeHyperlinkMethod, removeHyperlinkMethod, setSegTypeMethod, setBackgroundMethod @@ -2216,6 +2216,14 @@ class SvgCanvas { */ this.setItalic = setItalicMethod; + /** +* Set the new text anchor. +* @function module:svgcanvas.SvgCanvas#setTextAnchor +* @param {string} textAnchor - The value of the text anchor (start, middle or end) +* @returns {void} +*/ + this.setTextAnchor = setTextAnchorMethod; + /** * @function module:svgcanvas.SvgCanvas#getFontFamily * @returns {string} The current font family