Add fillrule to text properties

Author: juulsA

DATAFORMAT.md

@@ -258,7 +258,9 @@ attribute.
   // 0: justify center
   // 1: justify right/bot
   "justify": [horizontal, vertical],
+  // Either the thickness or the fillrule must be used
   "thickness": thickness,
+  "fillrule": "nonzero" | "evenodd",
   "attr": [
     // may include none, one or both
     "italic", "mirrored"

InteractiveHtmlBom/ecad/schema/genericjsonpcbdata_v1.schema

@@ -443,12 +443,20 @@
             "properties": {
                 "svgpath": { "type": "string" },
                 "thickness": { "type": "number" },
+                "fillrule": {
+                    "type": "string",
+                    "enum": [
+                        "nonzero",
+                        "evenodd"
+                    ]
+                },
                 "ref": { "type": "integer" , "const": 1 },
                 "val": { "type": "integer" , "const": 1 }
             },
-            "required": [
-                "svgpath",
-                "thickness"
+            "required": ["svgpath"],
+            "oneOf": [
+                { "required": ["thickness"] },
+                { "required": ["fillrule"] }
             ],
             "title": "DrawingText"
         },

InteractiveHtmlBom/web/render.js

@@ -24,11 +24,18 @@ function drawText(ctx, text, color) {
   ctx.strokeStyle = color;
   ctx.lineCap = "round";
   ctx.lineJoin = "round";
-  ctx.lineWidth = text.thickness;
   if ("svgpath" in text) {
-    ctx.stroke(new Path2D(text.svgpath));
-    ctx.restore();
-    return;
+    if ("thickness" in text) {
+      ctx.lineWidth = text.thickness;
+      ctx.stroke(new Path2D(text.svgpath));
+      ctx.restore();
+      return;
+    }
+    if ("fillrule" in text) {
+      ctx.fill(new Path2D(text.svgpath), text.fillrule);
+      ctx.restore();
+      return;
+    }
   }
   if ("polygons" in text) {
     ctx.fill(getPolygonsPath(text));