Error in .html() method when element has background-image property

I’m trying to add content from HTML element (with using .html() method) but getting html2canvas error.

Source HTML:

<div id="element-to-print" style="background: url('/Content/Images/page-template.png'); background-size: contain;"></div>

JS:

var doc = new jsPDF({ orientation: 'p', format: 'a4'  });
doc.html(document.getElementById('element-to-print'), {
   callback: function (doc) {
         doc.output('dataurlnewwindow');
   }
}

Error:

If remove css property background-image and background-size - everything works fine. What can be the reason?

Thank you in advance!

[andrescst]

Hey guys! Here is what I made to solve the undefined ‘ownerDocument’ on the canvas. https://github.com/andrescst/jsPDF/commit/c854d7b27a9a9296453560a109d22637cd6c2aee

When the background-image attribute from the HTML element to print is removed, the function “resizeImage” is not called because there is no image in the given element. However, I was not able to solve the problem with the output black figure. It seems to be a problem with an html2canvas update.

[HackbrettXXX]

@subourbonite a workaround would be to draw the background yourself. There is no timeline for a fix ATM. I personally don’t have time for it currently. But any help is welcome.