1. Primero, cree un nuevo archivo html, simplemente restablezca los estilos, agregue un lienzo y déle un fondo rojo.
2. Está escrito en jquery. Primero introduzcamos jquery. Puede ver que el tamaño predeterminado del lienzo es 300 * 150.
3. Escriba el método resizeCnavas para obtener y cambiar dinámicamente el tamaño del lienzo.
4. Configura el lienzo una vez antes de cargar la página.
5. Cuando el tamaño de la ventana cambie, llame dinámicamente al método anterior.
6. Finalmente, abra nuevamente el navegador para obtener el lienzo adaptable.