implement styling of fill/stroke/strokeWidth when using Font.draw() or Glyph.draw()

Author: Connum

src/font.js

@@ -366,6 +366,10 @@ Font.prototype.getPath = function(text, x, y, fontSize, options) {
         const glyphPath = glyph.getPath(gX, gY, gFontSize, options, this);
         fullPath.extend(glyphPath);
     });
+
+    if ( options.style !== undefined ) {
+        fullPath.applyStyles(options.style);
+    }
     return fullPath;
 };
 

src/glyph.js

@@ -187,6 +187,10 @@ Glyph.prototype.getPath = function(x, y, fontSize, options, font) {
         }
     }
 
+    if ( options.style !== undefined ) {
+        p.applyStyles(options.style);
+    }
+
     return p;
 };
 

src/path.js

@@ -658,4 +658,22 @@ Path.prototype.toDOMElement = function(options, pathData) {
     return newPath;
 };
 
+/**
+ * Apply styles to the path
+ * @param  {object} [styles] - Styles object {fill,stroke,strokeWidth}
+ * @return {Path}
+ */
+Path.prototype.applyStyles = function(styles) {
+    if ( styles !== undefined ) {
+        const pathStyles = ['fill','stroke','strokeWidth'];
+        for(let s = 0; s < pathStyles.length; s++) {
+            const styleProp = pathStyles[s];
+            if ( styles[styleProp] !== undefined ) {
+                this[styleProp] = styles[styleProp];
+            }
+        }
+    }
+    return this;
+}
+
 export default Path;