每当我的画布加载时，它只会占用整个宽度，而不会占用整个高度

Question

所以我的Canvas仅占整个宽度，而不占整个高度。

我尝试使画布达到全高和全宽的组件：

export class AimComponent implements OnInit {

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

  ngOnInit() {
    this.ngViewInit();
  }
  ngViewInit(){
    this.context = 
    (<HTMLCanvasElement>this.myCanvas.nativeElement).getContext('2d');
    this.draw();
  }

  draw() {
    this.myCanvas.nativeElement.width = document.body.clientWidth;
    this.myCanvas.nativeElement.height = document.body.clientHeight;
  }
}

Answer 1

使用window.innerWith 和window.innerHeight而不是document.body.clientWidth/clientHeight，我就能解决此问题。