Added textLength and lengthAdjust to text formatting tools

src/svgcanvas/elem-get-set.js

@@ -749,6 +749,70 @@ export const setWordSpacingMethod = function (value) {
   }
 };
 
+/**
+ * Returns the text length value
+ * @function module:svgcanvas.SvgCanvas#getTextLength
+ * @returns {string} The text length value
+ */
+export const getTextLengthMethod = function () {
+  const selectedElements = elemContext_.getSelectedElements();
+  const selected = selectedElements[0];
+  if (!isNullish(selected) && selected.tagName === 'text' && isNullish(selectedElements[1])) {
+    return selected.getAttribute('textLength') || 0;
+  }
+  return null;
+};
+
+/**
+ * Set the new text length.
+ * @function module:svgcanvas.SvgCanvas#setTextLength
+ * @param {string} value - The text length
+ * @returns {void}
+ */
+export const setTextLengthMethod = function (value) {
+  const selectedElements = elemContext_.getSelectedElements();
+  const selected = selectedElements[0];
+  if (!isNullish(selected) && selected.tagName === 'text' &&
+    isNullish(selectedElements[1])) {
+    elemContext_.getCanvas().changeSelectedAttribute('textLength', value);
+  }
+  if (!selectedElements[0].textContent) {
+    elemContext_.getCanvas().textActions.setCursor();
+  }
+};
+
+/**
+ * Returns the length adjust value
+ * @function module:svgcanvas.SvgCanvas#getLengthAdjust
+ * @returns {string} The length adjust value
+ */
+export const getLengthAdjustMethod = function () {
+  const selectedElements = elemContext_.getSelectedElements();
+  const selected = selectedElements[0];
+  if (!isNullish(selected) && selected.tagName === 'text' && isNullish(selectedElements[1])) {
+    return selected.getAttribute('lengthAdjust') || 0;
+  }
+  return null;
+};
+
+/**
+ * Set the new length adjust.
+ * @function module:svgcanvas.SvgCanvas#setLengthAdjust
+ * @param {string} value - The length adjust
+ * @returns {void}
+ */
+export const setLengthAdjustMethod = function (value) {
+  const selectedElements = elemContext_.getSelectedElements();
+  const selected = selectedElements[0];
+  if (!isNullish(selected) && selected.tagName === 'text' &&
+    isNullish(selectedElements[1])) {
+    elemContext_.getCanvas().changeSelectedAttribute('lengthAdjust', value);
+  }
+  if (!selectedElements[0].textContent) {
+    elemContext_.getCanvas().textActions.setCursor();
+  }
+};
+
 /**
 * @function module:svgcanvas.SvgCanvas#getFontFamily
 * @returns {string} The current font family

src/svgcanvas/sanitize.js

@@ -49,7 +49,7 @@ const svgWhiteList_ = {
   svg: ['class', 'clip-path', 'clip-rule', 'filter', 'id', 'height', 'mask', 'preserveAspectRatio', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xmlns', 'xmlns:se', 'xmlns:xlink', 'y'],
   switch: ['class', 'id', 'requiredFeatures', 'systemLanguage'],
   symbol: ['class', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'opacity', 'preserveAspectRatio', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'viewBox'],
-  text: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'text-decoration', 'letter-spacing', 'word-spacing', 'style', 'systemLanguage', 'text-anchor', 'transform', 'x', 'xml:space', 'y', 'display'],
+  text: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'text-decoration', 'letter-spacing', 'word-spacing', 'textLength', 'lengthAdjust', 'style', 'systemLanguage', 'text-anchor', 'transform', 'x', 'xml:space', 'y', 'display'],
   textPath: ['class', 'id', 'method', 'requiredFeatures', 'spacing', 'startOffset', 'style', 'systemLanguage', 'transform', 'xlink:href', 'display'],
   title: [],
   tspan: ['class', 'clip-path', 'clip-rule', 'dx', 'dy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'rotate', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'textLength', 'transform', 'x', 'xml:space', 'y', 'display'],

src/svgcanvas/svgcanvas.js

@@ -58,7 +58,8 @@ import {
   setZoomMethod, setColorMethod, setGradientMethod, findDuplicateGradient, setPaintMethod,
   setStrokeWidthMethod, setStrokeAttrMethod, getBoldMethod, setBoldMethod, getItalicMethod,
   setItalicMethod, hasTextDecorationMethod, addTextDecorationMethod, removeTextDecorationMethod, setLetterSpacingMethod,
-  getLetterSpacingMethod, setWordSpacingMethod, getWordSpacingMethod, setTextAnchorMethod,
+  getLetterSpacingMethod, setWordSpacingMethod, getWordSpacingMethod, setTextLengthMethod, getTextLengthMethod,
+  setLengthAdjustMethod, getLengthAdjustMethod, setTextAnchorMethod,
   getFontFamilyMethod, setFontFamilyMethod, setFontColorMethod, getFontColorMethod,
   getFontSizeMethod, setFontSizeMethod, getTextMethod, setTextContentMethod,
   setImageURLMethod, setLinkURLMethod, setRectRadiusMethod, makeHyperlinkMethod,
@@ -2273,6 +2274,38 @@ class SvgCanvas {
      */
     this.setWordSpacing = setWordSpacingMethod;
 
+    /**
+     * Returns the text length.
+     * @function module:svgcanvas.SvgCanvas#getTextLength
+     * @param {string} value - The value that should be set
+     * @returns {string} The text length value
+     */
+    this.getTextLength = getTextLengthMethod;
+
+    /**
+     * Changes the text length.
+     * @function module:svgcanvas.SvgCanvas#setTextLength
+     * @param {string} value - The value that should be set
+     * @returns {void}
+     */
+    this.setTextLength = setTextLengthMethod;
+
+    /**
+     * Returns the length adjust.
+     * @function module:svgcanvas.SvgCanvas#getLengthAdjust
+     * @param {string} value - The value that should be set
+     * @returns {string} The length adjust value
+     */
+    this.getLengthAdjust = getLengthAdjustMethod;
+
+    /**
+     * Changes the length adjust.
+     * @function module:svgcanvas.SvgCanvas#setLengthAdjust
+     * @param {string} value - The value that should be set
+     * @returns {void}
+     */
+    this.setLengthAdjust = setLengthAdjustMethod;
+
     /**
 * Set the new text anchor.
 * @function module:svgcanvas.SvgCanvas#setTextAnchor