Estoy desarrollando un componente web que representa algunos gráficos en un <canvas> , que se adjunta a shadowRoot del componente
Me gustaría cambiar el tamaño y volver a renderizar el lienzo cuando cambia el tamaño del elemento (por ejemplo, se actualiza su propiedad de width CSS).
¿Cómo hacerlo? ¿Debería usar un ResizeObserver ?
Terminé usando un ResizeObserver en el constructor de mi elemento personalizado:
constructor() { super(); const resizeObserver = new ResizeObserver(() => { // re-render my canvas }); resizeObserver.observe(this); }