Fonts are not loaded when using html2canvas within an iframe

[diego-rey]

Hi all, I'm having a similar issue to this one: #328.
I created a widget that uses html2canvas to take a screenshot. The problem is that the widget must be inserted in a site inside an iframe, the capture works but the fonts don't load. Here is a simple example of what happens: test-case-iframe

Specifications:

• html2canvas version tested with: v1.0.0-alpha.12
• Browser & version: Google Chrome Version 72.0.3626.121 (Official Build) (64-bit)
• Operating system: Mac OS 10.13.6

[jasonbarry]

@diego-rey I found that if your child frame is on the same domain as the parent, you can append a canvas element to the body of the child frame. Then pass that element to html2canvas using the canvas option. It'll pick up the font definitions inside the child frame.

[diego-rey]

Oh the solution was simple. Thanks for the help @jasonbarry ! Doing this I was able to make it work.

[bierx]

@diego-rey can you provide example for your resolve?