circuit-to-svg 0.0.138 → 0.0.140

package/README.md

@@ -55,6 +55,8 @@ Converts a PCB layout description to an SVG string.
 - `width` and `height` – dimensions of the output SVG. Defaults to `800x600`.
 - `matchBoardAspectRatio` – if `true`, adjust the SVG dimensions so the
   resulting aspect ratio matches the `pcb_board` found in the circuit JSON.
+- `backgroundColor` – fill color for the SVG background rectangle. Defaults to
+  `"#000"`.
 
 ## Contributing
 

package/dist/index.d.ts

@@ -8,6 +8,7 @@ interface Options$3 {
     shouldDrawRatsNest?: boolean;
     layer?: "top" | "bottom";
     matchBoardAspectRatio?: boolean;
+    backgroundColor?: string;
 }
 interface PcbContext {
     transform: Matrix;

package/dist/index.js

@@ -686,7 +686,10 @@ function createSvgObjectsFromPcbSilkscreenRect(pcbSilkscreenRect, ctx) {
     height,
     layer = "top",
     pcb_silkscreen_rect_id,
-    stroke_width = 1
+    stroke_width,
+    is_filled,
+    has_stroke,
+    is_stroke_dashed
   } = pcbSilkscreenRect;
   if (layerFilter && layer !== layerFilter) return [];
   if (!center || typeof center.x !== "number" || typeof center.y !== "number" || typeof width !== "number" || typeof height !== "number") {
@@ -701,20 +704,36 @@ function createSvgObjectsFromPcbSilkscreenRect(pcbSilkscreenRect, ctx) {
   const transformedHeight = height * Math.abs(transform.d);
   const transformedStrokeWidth = stroke_width * Math.abs(transform.a);
   const color = layer === "bottom" ? SILKSCREEN_BOTTOM_COLOR : SILKSCREEN_TOP_COLOR;
+  const attributes = {
+    x: (transformedX - transformedWidth / 2).toString(),
+    y: (transformedY - transformedHeight / 2).toString(),
+    width: transformedWidth.toString(),
+    height: transformedHeight.toString(),
+    class: `pcb-silkscreen-rect pcb-silkscreen-${layer}`,
+    "data-pcb-silkscreen-rect-id": pcb_silkscreen_rect_id
+  };
+  attributes.fill = is_filled ? color : "none";
+  let actualHasStroke;
+  if (has_stroke === void 0) {
+    actualHasStroke = transformedStrokeWidth > 0;
+  } else {
+    actualHasStroke = has_stroke;
+  }
+  if (actualHasStroke) {
+    attributes.stroke = color;
+    attributes["stroke-width"] = transformedStrokeWidth.toString();
+    if (is_stroke_dashed) {
+      const dashLength = 0.1 * Math.abs(transform.a);
+      const gapLength = 0.05 * Math.abs(transform.a);
+      attributes["stroke-dasharray"] = `${dashLength} ${gapLength}`;
+    }
+  } else {
+    attributes.stroke = "none";
+  }
   const svgObject = {
     name: "rect",
     type: "element",
-    attributes: {
-      x: (transformedX - transformedWidth / 2).toString(),
-      y: (transformedY - transformedHeight / 2).toString(),
-      width: transformedWidth.toString(),
-      height: transformedHeight.toString(),
-      class: `pcb-silkscreen-rect pcb-silkscreen-${layer}`,
-      fill: "none",
-      stroke: color,
-      "stroke-width": transformedStrokeWidth.toString(),
-      "data-pcb-silkscreen-rect-id": pcb_silkscreen_rect_id
-    },
+    attributes,
     value: "",
     children: []
   };
@@ -1436,7 +1455,7 @@ function convertCircuitJsonToPcbSvg(circuitJson, options) {
           class: "boundary",
           x: "0",
           y: "0",
-          fill: "#000",
+          fill: options?.backgroundColor ?? "#000",
           width: svgWidth.toString(),
           height: svgHeight.toString()
         }