diff options
| author | Nevena Bojovic <nenabojov@gmail.com> | 2022-03-29 19:17:11 +0200 |
|---|---|---|
| committer | Nevena Bojovic <nenabojov@gmail.com> | 2022-03-29 19:17:11 +0200 |
| commit | e8790a5b30170a99fc6ef61e24614456543febd7 (patch) | |
| tree | e5a5768a8489764e5e3a9f1f91761ad4c6eb9bcc /frontend/src/app/_elements | |
| parent | 82030306a115d06a33bed48a5a0e15a053f0ae7e (diff) | |
| parent | f3d5f6fa046912c996e2581d9082087ccf7919d6 (diff) | |
Merge branch 'dev' of http://gitlab.pmf.kg.ac.rs/igrannonica/neuronstellar into dev
Diffstat (limited to 'frontend/src/app/_elements')
3 files changed, 12 insertions, 6 deletions
diff --git a/frontend/src/app/_elements/annvisual/annvisual.component.css b/frontend/src/app/_elements/annvisual/annvisual.component.css index e69de29b..857a3390 100644 --- a/frontend/src/app/_elements/annvisual/annvisual.component.css +++ b/frontend/src/app/_elements/annvisual/annvisual.component.css @@ -0,0 +1,4 @@ +#graph{ + width: 100%; + text-align: center; +}
\ No newline at end of file diff --git a/frontend/src/app/_elements/annvisual/annvisual.component.html b/frontend/src/app/_elements/annvisual/annvisual.component.html index 6dd3b3ae..f23022de 100644 --- a/frontend/src/app/_elements/annvisual/annvisual.component.html +++ b/frontend/src/app/_elements/annvisual/annvisual.component.html @@ -1,5 +1,5 @@ <div style="text-align: center; width: 100%;" > - <button (click)="d3()">Prikaz veštačke neuronske mreže</button> - <div id="graph"></div> + <button (click)="d3()" mat-raised-button color="primary">Prikaz veštačke neuronske mreže</button> + <div id="graph" align-items-center ></div> </div> diff --git a/frontend/src/app/_elements/reactive-background/reactive-background.component.ts b/frontend/src/app/_elements/reactive-background/reactive-background.component.ts index 95b61b1b..8294a8a5 100644 --- a/frontend/src/app/_elements/reactive-background/reactive-background.component.ts +++ b/frontend/src/app/_elements/reactive-background/reactive-background.component.ts @@ -7,18 +7,19 @@ import { Component, OnInit } from '@angular/core'; }) export class ReactiveBackgroundComponent implements OnInit { - numPoints: number = 400; + numPoints: number = 450; speed: number = 0.001; // 0-1 rotateInterval: number = 1000; maxSize: number = 6; - minDistance: number = 0.1; //0-1 - cursorDistance: number = 0.15; + minDistance: number = 0.07; //0-1 + cursorDistance: number = 0.07; private points: Point[] = []; private width = 200; private height = 200; + private ratio = 1; private canvas?: HTMLCanvasElement; private ctx?: CanvasRenderingContext2D; @@ -110,6 +111,7 @@ export class ReactiveBackgroundComponent implements OnInit { resize() { this.width = window.innerWidth; this.height = window.innerHeight; + this.ratio = this.width / this.height; if (this.canvas) { this.canvas.width = this.width; @@ -149,7 +151,7 @@ export class ReactiveBackgroundComponent implements OnInit { } distance(x1: number, y1: number, x2: number, y2: number): number { - return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1)); + return Math.sqrt(((x2 - x1) ** 2) + ((y2 / this.ratio - y1 / this.ratio) ** 2)); } } |