vincent/football-drawing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
BENOIT Vincent
2024-10-28 17:33:24 +01:00
parent f08c6fcaa8
commit e81d64072b
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/football-field/football-field.component.ts
View File

@@ -5,6 +5,8 @@ import { TimelineStep, Rectangle, Circle2, Piquet, Plot, Ball, Player } from '..
import { C } from '@angular/cdk/keycodes'; import { C } from '@angular/cdk/keycodes';
import { CdkPortal } from '@angular/cdk/portal'; import { CdkPortal } from '@angular/cdk/portal';
//import { ProcessService } from '../services/process.service';
@Component({ @Component({
selector: 'app-football-field', selector: 'app-football-field',
standalone: true, standalone: true,
@@ -84,8 +86,13 @@ export class FootballFieldComponent {
// Position de la ligne verticale // Position de la ligne verticale
public linePosition: number = 0; public linePosition: number = 0;
constructor(private renderer: Renderer2, private el: ElementRef) {} constructor(private renderer: Renderer2,
private el: ElementRef
) {}
/**
* Configuration du composant
*/
ngOnInit() { ngOnInit() {
this.ctx = this.canvas.nativeElement.getContext('2d')!; this.ctx = this.canvas.nativeElement.getContext('2d')!;
this.drawField(); this.drawField();
@@ -97,7 +104,6 @@ export class FootballFieldComponent {
const timeline = document.querySelector('.timeline') as HTMLElement; const timeline = document.querySelector('.timeline') as HTMLElement;
this.linePosition = timeline.offsetLeft; this.linePosition = timeline.offsetLeft;
console.log("linePosition:", this.linePosition); console.log("linePosition:", this.linePosition);
//console.log("[onLineMouseDown] initialMouseX:", this.initialMouseX, "-", timeIndicator.style.left);
} }
/** /**