Objects larger than screen are only rendered to the max screen size

Hi,

I discovered that objects (e.g. a DIV) larger than the screen (e.g. Shown with scroll-bars) would only render to the max dimensions of the screen.

Changing this line:-

return renderDocument(node.ownerDocument, options, node.ownerDocument.defaultView.innerWidth, node.ownerDocument.defaultView.innerHeight).then(function(canvas) 

to this:-

return renderDocument(node.ownerDocument, options, $(node).width(), $(node).height()).then(function(canvas)

resolves the issue.

[cenap]

Ok. I applied Lennyman’s workaround without touching the html2canvas code: Suppose your target is $(element)

    var h = $(element)[0].ownerDocument.defaultView.innerHeight;
    $(element)[0].ownerDocument.defaultView.innerHeight = $(element).height();
    html2canvas($(element)).then(function(canvas) {
        $(element)[0].ownerDocument.defaultView.innerHeight = h;
        //Do whatever you want with your canvas
    }

[gopinath-sixt]

@cenap : Ur logic… rocked!!! thank a lot