[angular 7] Déplacer des éléments d'un canvas

Par probleme, il y a 7 ans

Javascript

Bonjour,

J'ai mis en place un canvas contenant des lignes et je voudrais savoir comment je pourrais déplacer ces lignes avec la souris.

.html
<canvas #canvas width="400" height="250" style="border: 2px solid red;"> </canvas>

.ts

context: CanvasRenderingContext2D; @ViewChild("canvas") canvas; ngOnInit() { this.line() } // Dessine une ligne line(){ let h1 = 100; let v1 = 100; let canvas = this.canvas.nativeElement let context = canvas.getContext('2d'); context.beginPath(); context.moveTo(canvas.width, h1); context.lineTo(0, h1); context.moveTo(v1, canvas.height); context.lineTo(v1, 0); context.stroke(); }

Aucune réponse