Merge pull request danielearwicker#32 from creately/add-getDrawableCo…

…ntent-method Added getDrawableContent method
dhrleandro · Jul 4, 2019 · 8ef4e66 · 8ef4e66
2 parents 5b419e8 + a0856ff
commit 8ef4e66
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "@creately/carota",
   "author": "Daniel Earwicker ([email protected])",
   "description": "Simple, flexible rich text rendering/editing on HTML Canvas",
-  "version": "2.7.2",
+  "version": "2.8.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/danielearwicker/carota.git"

diff --git a/src/doc.js b/src/doc.js
@@ -112,7 +112,59 @@ var prototype = node.derive({
     documentRange: function() {
         return this.range(0, this.frame.length - 1);
     },
+    getDrawableContent: function() {
+        var words = [];
+        var underLines = [];        
+        var strikLines = [];        
+        for (let i = 0; i < this.frame.lines.length; i++) {
+            var line = this.frame.lines[i];
+            if ( line.positionedWords ) {
+                for (let j = 0; j < line.positionedWords.length; j++) {
+                    var left = line.positionedWords[j].left;
+                    var word = line.positionedWords[j].word;
+                    var text = word.text.parts[0];
 
+                    if ( text.run.underline === true ) {
+                        underLines.push({
+                            baseline: line.baseline,
+                            width: word.width, // text width + space width,
+                            left,
+                            color: text.run.color || this.defaultFormatting.color,
+                        })
+                    }
+
+                    if ( text.run.strikeout === true ) {
+                        strikLines.push({
+                            ascent: word.ascent,
+                            baseline: line.baseline,
+                            width: word.width, // text width + space width,
+                            left,
+                            color: text.run.color || this.defaultFormatting.color,
+                        })
+                    }
+
+                    words.push({
+                        baseline: line.baseline,
+                        left,
+                        content: {
+                            text: text.run.text.trim() + '&#160;'.repeat( word.space.length ),
+                            size: text.run.size || this.defaultFormatting.size,
+                            font: text.run.font || this.defaultFormatting.font,
+                            color: text.run.color || this.defaultFormatting.color,
+                            bold: text.run.bold || this.defaultFormatting.bold,
+                            italic: text.run.italic || this.defaultFormatting.italic,
+                            underline: text.run.underline || this.defaultFormatting.underline,
+                            strikeout: text.run.strikeout || this.defaultFormatting.strikeout,
+                            align: text.run.align || this.defaultFormatting.align,
+                            script: text.run.script || this.defaultFormatting.script,
+                        }
+                    })
+                }
+            }
+
+        }
+        return { words, underLines, strikLines };
+    },
     isMultiLine: function() {
         return this.frame.lines.length > 1;
     },