La solución: escala automática con CSS y Javascript

la clave radica en una combinación de CSS y JavaScript:

1. javascript :

   [&]
   • en su función de dibujo, ajuste la función Width y la altura para que coincidan con las dimensiones de la ventana actual:

     [&]

     sorth () {) {) var ctx = (su contexto de lienzo); ctx.canvas.width = window.innerwidth; ctx.canvas.height = window.innerheight; // Código de dibujo aquí ... }

     function draw() {
       var ctx = (your canvas context);
       ctx.canvas.width = window.innerWidth;
       ctx.canvas.height = window.innerHeight;
       // Drawing code here...
     }

2. css

   ::

   Define los CSS para el contenedor y su contenedor:
   • [&]

     html, el cuerpo de los y su contenedor:

     [&]

     html, body {
       width: 100%;
       height: 100%;
       margin: 0;
     }