Tengo un lienzo dentro de div:

 <div class="preview"><canvas id="cropped" width="2480" height="2003"></canvas></div>

El bloque div es menor que el lado del lienzo. Cómo autoajustar el lienzo en dos casos:

1. ajuste automático del ancho del lienzo proporcional al div del ancho de los padres
2. ajuste automático de la altura del lienzo proporcional a la división de altura principal

Intenté de esta manera:

 public autofit = (orientation: RegistryOrientation) => { let previews = document.getElementsByClassName('preview'); if (previews.length > 0) { let preview = previews[0]; let width = preview.clientWidth; let height = preview.clientHeight; if (orientation === RegistryOrientation.album) { this.imgCanvas.style.width = width + 'px'; this.imgCanvas.style.height = 'auto'; } else if (orientation === RegistryOrientation.book) { this.imgCanvas.style.height = height + 'px'; this.imgCanvas.style.width = 'auto'; } } };