Как обрезать лишние белые пиксели фотографии.

[devfromest]

Всем привет. Я пишу плагин, который при нажатии кнопки делает фото с раздела DEV и вставляет его в PDF. Проблема в том, что у фотографии белые пустые пиксели во круге по размеру страницы (что логично). И по этому фото раздела(таблица) не помещается на лист A4.
Как мне урезать фото ровно до начала таблицы? Как я понимаю, нужно пройтись по пикселям и их удалить. Я искал и нашел один способ> https://stackoverflow.com/questions/...y-using-jquery
Но не смог его задействовать в моем коде.

Вот моя функция (я вызываю элемент по ID и использую html2canvas, jsPDF библиотеки)

function printPDF() {
    var body = document.body,
    html = document.documentElement;
var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );

    html2canvas(document.getElementById('vastusTabel'), {height: height, width: document.body.clientWidth}).then(function (canvas) {
      
      var wid;
      var hgt;

      var img = canvas.toDataURL("image/png", wid = canvas.width, hgt = canvas.height);

      

      var hratio = hgt / wid
      var doc = new jsPDF('p', 'pt', 'a1');
      var width = doc.internal.pageSize.width;
      var height = width * hratio
      doc.addImage(img, 'JPEG', 20, 20, width, height);
      doc.save('Test.pdf');
    });

  }

Может есть лучший способ как скопировать таблицу в PDF, не теряя при этом ее форму и не копируя данные по отдельности с каждой ячейки.