plotboilerplate 1.17.1 → 1.18.0

package/src/ts/draw.ts

@@ -44,7 +44,10 @@
  * @modified 2022-03-27 Added the `texturedPoly` function.
  * @modified 2022-06-01 Tweaked the `polyline` function; lineWidth now scales with scale.x.
  * @modified 2022-07-26 Adding `alpha` to the `image(...)` function.
- * @version  1.12.2
+ * @modified 2022-08-23 Fixed a type issue in the `polyline` function.
+ * @modified 2022-08-23 Fixed a type issue in the `setConfiguration` function.
+ * @modified 2022-08-23 Fixed a type issue in the `path` function.
+ * @version  1.12.3
  **/
 
 import { CubicBezierCurve } from "./CubicBezierCurve";
@@ -141,7 +144,7 @@ export class drawutils implements DrawLib<void> {
    * @param {DrawLibConfiguration} configuration - The new configuration settings to use for the next render methods.
    */
   setConfiguration(configuration: DrawLibConfiguration): void {
-    this.ctx.globalCompositeOperation = configuration.blendMode;
+    this.ctx.globalCompositeOperation = configuration.blendMode || "source-over";
   }
 
   /**
@@ -1012,7 +1015,7 @@ export class drawutils implements DrawLib<void> {
     }
     this.ctx.save();
     this.ctx.beginPath();
-    this.ctx.lineWidth = lineWidth * this.scale.x || 1.0;
+    this.ctx.lineWidth = (lineWidth || 1.0) * this.scale.x;
     this.ctx.moveTo(this.offset.x + vertices[0].x * this.scale.x, this.offset.y + vertices[0].y * this.scale.y);
     for (var i = 0; i < vertices.length; i++) {
       this.ctx.lineTo(this.offset.x + vertices[i].x * this.scale.x, this.offset.y + vertices[i].y * this.scale.y);
@@ -1147,13 +1150,19 @@ export class drawutils implements DrawLib<void> {
   path(pathData: SVGPathParams, color?: string, lineWidth?: number, options?: { inplace?: boolean }) {
     const d: SVGPathParams = options && options.inplace ? pathData : drawutilssvg.copyPathData(pathData);
     drawutilssvg.transformPathData(d, this.offset, this.scale);
-    this.ctx.strokeStyle = color;
+    if (color) {
+      this.ctx.strokeStyle = color;
+    }
     this.ctx.lineWidth = lineWidth || 1;
     if (this.fillShapes) {
-      this.ctx.fillStyle = color;
+      if (color) {
+        this.ctx.fillStyle = color;
+      }
       this.ctx.fill(new Path2D(d.join(" ")));
     } else {
-      this.ctx.strokeStyle = color;
+      if (color) {
+        this.ctx.strokeStyle = color;
+      }
       this.ctx.stroke(new Path2D(d.join(" ")));
     }
   }