canvas-5-polyfill import bug fix

Author: nswamy14

dist/node-i2d.js

@@ -1,5 +1,5 @@
 /*!
-      * node-i2djs v1.0.1
+      * node-i2djs v1.1.0
       * (c) 2022 Narayana swamy ([email protected])
       * @license BSD-3-Clause
       */
@@ -4525,8 +4525,7 @@ CollectionPrototype.prototype.wrapper = function wrapper(nodes) {
 var ref = require('canvas');
 var createCanvas = ref.createCanvas;
 var Image = ref.Image;
-var ref$1 = require("canvas-5-polyfill");
-var Path2D = ref$1.Path2D;
+require("canvas-5-polyfill");
 var t2DGeometry = geometry;
 var queueInstance = queue;
 var Id = 0;
@@ -5098,15 +5097,15 @@ RenderText.prototype.fitWidth = function () {
         var strLit = "";
         var i = 0;
         while(i < textLits.length) {
-            if (this.ctx.measureText(strLit + " " + textLits[i]).width < width) {
+            if (i !== 0) {
+                strLit += " ";
+            }
+            if (this.ctx.measureText(strLit + textLits[i]).width < width) {
                 strLit = strLit + textLits[i];
             } else {
                 textSubStrs.push(strLit);
                 strLit = textLits[i];
             }
-            if (i !== 0) {
-                strLit += " ";
-            }
             i++;
         }
         textSubStrs.push(strLit);
@@ -5564,7 +5563,6 @@ function polygonExe(points) {
     if (points && points.length === 0) {
         return;
     }
-
     var polygon = new Path2D();
     polygon.moveTo(points[0].x, points[0].y);
     for (var i = 1; i < points.length; i++) {

examples/Example2.js

@@ -103,6 +103,19 @@
 			}
 		});
 
+		page1.createEl({
+			el: "polygon",
+			attr: {
+				transform: {
+					translate: [200, 410]
+				},
+				points: [{x: 100, y: 100}, {x: 100, y: 0}, {x: 0, y: 100}]
+			},
+			style: {
+				fillStyle: "#0075F3"
+			}
+		});
+
 		PDFInstance.execute();
 
 		fs.writeFileSync((process.cwd() + "/examples/example2.pdf"), PDFInstance.exportPdf(), err => {

src/modules/canvas.js

@@ -6,7 +6,7 @@ import colorMap from "./colorMap.js";
 import Events from "./events.js";
 import behaviour from "./behaviour.js";
 const { createCanvas, Image } = require('canvas');
-const { Path2D } = require("canvas-5-polyfill");
+require("canvas-5-polyfill");
 
 import {
     NodePrototype,
@@ -544,15 +544,15 @@ RenderText.prototype.fitWidth = function () {
         let strLit = "";
         let i = 0;
         while(i < textLits.length) {
-            if (this.ctx.measureText(strLit + " " + textLits[i]).width < width) {
+            if (i !== 0) {
+                strLit += " "
+            }
+            if (this.ctx.measureText(strLit + textLits[i]).width < width) {
                 strLit = strLit + textLits[i];
             } else {
                 textSubStrs.push(strLit);
                 strLit = textLits[i];
             }
-            if (i !== 0) {
-                strLit += " "
-            }
             i++;
         }
         textSubStrs.push(strLit);
@@ -962,7 +962,6 @@ function polygonExe(points) {
     if (points && points.length === 0) {
         return;
     }
-
     const polygon = new Path2D();
     polygon.moveTo(points[0].x, points[0].y);
     for (let i = 1; i < points.length; i++) {