drawing circuit grid

2025-02-04 09:16:56 +01:00 · 2025-02-04 09:16:56 +01:00 · ee6679de98
commit ee6679de98
parent 38ed739f46
1 changed files with 9 additions and 0 deletions
--- a/src/main/angular/src/app/editor/circuit/circuit.component.svg
+++ b/src/main/angular/src/app/editor/circuit/circuit.component.svg
@ -1,5 +1,14 @@
 <svg class="circuit" (mousemove)="mouseMove($event)" (mouseup)="mouseUp($event)">

+  <defs>
+    <pattern id="grid" x="-5" y="-5" width="50" height="50" patternUnits="userSpaceOnUse" stroke="lightgray" stroke-width="0.5px">
+      <line x1="0" y1="5" x2="10" y2="5"></line>
+      <line x1="5" y1="0" x2="5" y2="10"></line>
+    </pattern>
+  </defs>
+
+  <rect width="100%" height="100%" fill="url(#grid)"/>
+
  <g inner-part *ngFor="let part of circuit.parts" [part]="part" [parts]="parts" [wires]="wires"></g>

  <g inner-wire *ngFor="let wire of circuit.wires" [globalWire]="wire" extraClassesBack="wireBackGlobal"></g>