Problems with background images

Hi, guys!

Thanks for your work, h2c is an awesome tool! I have one small issue on page: http://king.fi/site/ - background image from body { … background: #070707 url(…/img/bg.jpg) no-repeat 50% 0; doesn’t render. With simple calling of h2c:

html2canvas($('body'), {
            allowTaint: false,
            logging:true,
            onrendered: function (canvas) {
                document.body.appendChild(canvas);
            }
        });

and with your test console http://html2canvas.hertzen.com/screenshots.html I have the same results:

Original:

Rendered:

html2canvas: 0.4.0 MacOs 10.6 Chrome 29.0.1547.62

Thanks!

[fperich]

i could not render background images and it seemed to be cover or contain background size, so i’ve changed line 350 in 0.4.1 version to:

topPos = isNaN(parseInt(bgposition[1], 10)) ? topPos : parseInt(bgposition[1], 10);

and it works!

[fxmontigny]

Hi @gopiss,

Use corse option.

html2canvas(document.body, {
            onrendered: function (canvas) {
.....
            },
            useCORS: true
        });