如何在angular 8中为HTML5画布动态设置clientHeight和clientWidth？

<canvas #canvas></canvas>

import { Component, ViewChild, ElementRef, Renderer2 } from '@angular/core';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  @ViewChild('canvas', { static: true }) canvas: ElementRef;

  constructor(private renderer: Renderer2) { }
}

ngAfterViewInit() {
  const canvasElement = this.canvas.nativeElement;
  const clientHeight = canvasElement.clientHeight;
  const clientWidth = canvasElement.clientWidth;

  this.renderer.setAttribute(canvasElement, 'height', clientHeight.toString());
  this.renderer.setAttribute(canvasElement, 'width', clientWidth.toString());
}