Deprecation warning using minified version jspdf

[PatricNox]

Running an export causes a warning about eventual deprecation, is this known or maybe already fixed?

jspdf.es.min.js?8baf:197 [Deprecation] Synchronous

[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

[HackbrettXXX]

I assume the warning comes when loading images from a URL? The thing is, that the API of addImage is synchronous for historic reasons and we therefore need to make synchronous requests. There is an easy workaround, though, by preloading the image and passing it e.g. as data url to the addImage method. We might consider making addImage optionally async.

[PatricNox]

Yeah that could be it.

In my export, I use addImage after taking a snapshot of a given element using html2canvas, like so:

    const canvas = await html2canvas(element);
    this.addImage(

Therefore I don't see a preload solution for my use case but it was a good idea nevertheless.

[HackbrettXXX]

You could convert the canvas element to a data url: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL

[PatricNox]

Hmm the warning still popups

this.document.addImage(
      (image as HTMLCanvasElement).toDataURL(),
      "png",
      position.x,
      position.y,
      dimension.width,
      dimension.height,
    );

[HackbrettXXX]

Mmh that's odd... could you debug a little and try to find out why?

[github-actions]

This issue is stale because it has been open 90 days with no activity. It will be closed soon. Please comment/reopen if this issue is still relevant.

[Steflie]

I am dealing with the same exact issue and I haven't find any solution.
Is there a workaround??
I have tried using the toDataURL() function but the same problem and message still appears

[PatricNox]

I lost track of this issue, I'm so sorry.
@Steflie comment made a ping so I found it again.

I solved it by doing like so:

  private setDocumentImage(): void {
    const image = new Image();
    image.src = PDFExport.APP_IMAGE_PATH;
    this.document.addImage(
      image,
      "png",
      PDFExport.APP_IMAGE.position.x,
      PDFExport.APP_IMAGE.position.y,
      PDFExport.APP_IMAGE.dimension.width,
      PDFExport.APP_IMAGE.dimension.height,
    );
  }

[kayleekimberly]

I know I'm bringing up a dead post, so apologies if I should've made a new one instead. I'm seeing this on the latest release version. https://xhr.spec.whatwg.org/#the-open()-method

This is my usage if it's helpful:

const doc = new jsPDF({
        unit: "in", 
        format: [17, 22]
      });

      var image = new Image;
      image.src = 'images/image.png';
      image.onload = function(){
        doc.addImage(image, 'PNG', 0, 0);
        doc.save('document.pdf');
      }