public/guilloche-generator
2
0
Fork 0
Code Pull Requests Activity

Bindings are made and param changes are communicating to canvas.directive.

Browse Source
This commit is contained in:
Erik Kimsey
2018-05-18 20:58:33 -04:00
parent b70c4f3e53
commit d1f22e0973
3 changed files with 34 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/app.component.html
View File

@@ -9,25 +9,25 @@
<li>
<label>
<div>Amount of points</div>
<input type="number" name="canvasParam.points" [(ngModel)]="canvasParam.points" max="10" min="0" step="1">
<input type="number" name="points" [(ngModel)]="canvasParam.points" max="10" min="0" step="1">
</label>
</li>
<li>
<label>
<div>Margin X</div>
<input type="number" [(ngModel)]="canvasParam.margin.x" max="1" min="0" step="0.1">
<input type="number" name="marginX" [(ngModel)]="canvasParam.margin.x" max="1" min="0" step="0.1">
</label>
</li>
<li>
<label>
<div>Margin Y</div>
<input type="number" [(ngModel)]="canvasParam.margin.y" max="1" min="0" step="0.1">
<input type="number" name="marginY" [(ngModel)]="canvasParam.margin.y" max="1" min="0" step="0.1">
</label>
</li>
<li>
<label>
<div>Stroke Width</div>
<input type="number" [(ngModel)]="canvasParam.stroke.width" max="10" min="0" step="0.1">
<input type="number" name="strokeWidth" [(ngModel)]="canvasParam.stroke.width" max="10" min="0" step="0.1">
</label>
</li>
</ul>