Quiero trabajar con la etiqueta Canvas dentro de ngfor pero cada vez que se muestra indefinido o nulo. Lo intenté de muchas maneras pero no funcionó. Por favor, ayúdame.

HTML:

 <div class="col-sm-6 col-lg-4 pb-30 blog-parent" *ngFor="let item of blogList; let i = index;"> <div class="blog-item"> <a href="#"> <div class="blog-item-figure"> <canvas class="blog-canvas" id="canvas"></canvas> </div> </a> </div> </div> TS: ngOnInit(): void { this.cropImage(); } cropImage() { let canvas: any = document.getElementsByClassName("blog-canvas"); for (let i = 0; i < this.blogList.length; i++) { console.log("canvas: ", canvas[i]); } }