Canvas 사용하기

1. 검색해서 나온 것처럼 getElement.. 이런거 쓰면 잘 안된다. Angular방식이 따로 있음.

2. HTML소스에 이렇게 넣고..

<canvas #myCanvas></canvas>

3. 요런식으로 쓴다

import { ViewChild, ElementRef } from '@angular/core';
...
// Somewhere above your class constructor

@ViewChild('myCanvas') myCanvas: ElementRef;
public context: CanvasRenderingContext2D;


// Somewhere under the class constructor we want to wait for our view 
// to initialize

ngAfterViewInit(): void {
  this.context = (<HTMLCanvasElement>this.myCanvas.nativeElement).getContext('2d');
}

angular로 canvas구현한 예제 : https://stackblitz.com/edit/canvas-example?file=app%2Fapp.component.ts