feat(guillocheDirective): added spread lines

src/app/app.component.html

@@ -1,13 +1,3 @@
-<div appCanvas class="canvas"
-[paramStartingColor]="canvasParam.colors.start"
-[paramEndingColor]="canvasParam.colors.end"
-[paramPoints]="canvasParam.points"
-[paramMarginX]="canvasParam.margin.x"
-[paramMarginY]="canvasParam.margin.y"
-[paramSpread]="canvasParam.spread"
-[paramStrokeWidth]="canvasParam.stroke?.width"
-[paramShowGrid]="canvasParam.showGrid"></div>
-
 <app-graphs [config]="config"></app-graphs>
 
 <aside class="col-sm-4 col-lg-3 col-xl-3">
@@ -91,6 +81,12 @@
       </label>
       <input type="number" class="form-control" formControlName="stroke" min="0.1" max="10" step="0.1">
     </div>
+    <div class="form-group mb-4">
+      <label class="form-control-label">
+        Aufspleißen
+      </label>
+      <input type="number" class="form-control" formControlName="spread" min="0" max="40">
+    </div>
     <div class="dropdown-divider mb-4"></div>
     <button type="submit" class="btn btn-lg btn-primary btn-block" [disabled]="configForm.invalid">Aktualisieren</button>
     <div class="dropdown-divider"></div>