Холст - Sketchpad - Изменение размера CSS

Question

Я использую разновидность скетчпада zipso.net.

У меня все отлично работает, набрасывает и сохраняет.Но когда я иду, чтобы изменить размер холста.Все глючит, и планшет не рисуется правильно.

Это отлично работает с холстом:

    #sketchpad {
      height:400;
      width:500;
      border:2px solid #888;
      border-radius:4px;
      position:relative; /* Necessary for correct mouse co-ords in Firefox */
     }

     <canvas id="sketchpad" width="500" height="400"></canvas>

Но когда я пытаюсь изменить размеры для устройств.Размер холста изменяется, а рисунок - нет.И все глючит.

    #sketchpad {
      max-height:80%;
      height:800;
      max-width:95%;
      width:1500;
      border:2px solid #888;
      border-radius:4px;
      position:relative; /* Necessary for correct mouse co-ords in Firefox */
     }

     <canvas id="sketchpad" style="max-width:95%;width:1500px;max-height:80%;height:800px"></canvas>

Я не вижу вызовов высоты / ширины в javascript снизу.

https://zipso.net/a-simple-touchscreen-sketchpad-using-javascript-and-html5/