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

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();
    }