Capture not expanding when element uses CSS "zoom"

[Mallander]

I have a tool using HTML 2 Canvas which also utilizes CSS "zoom" to allow for larger areas to be drawn/printed - however for some reason the capture area of HTML 2 Canvas does not change when zooming out in the div.

You can test this for yourself here: http://www.thermmark.co.uk/planner (Zoom out 1-2 levels and draw a grid in the main area - the capture area for HTML 2 Canvas keeps to a very small area

Is there a possible fix/change for this?

[Dayjo]

I have this issue too.

I was wondering about whether it should remove the zoom property on the element first, then scale it down the appropriate amount within the canvas. Potentially this would make a good option as you may want the canvas image to be the same size of the rendered 'zoomed' version of the content.

Certain elements seem to be totally missed out of an element with the zoom property.

[EWhite613]

Made a quick JSFiddle to showcase this issue. http://jsfiddle.net/50pm7p2w/2/

[niklasvh]

Updated example for 1.0.0 http://jsfiddle.net/50pm7p2w/24/

[harshini66]

how to scale canvas.. i got only blurry canvas.. How can i overcome this? is there any syntax in html2canvas for getting higher resolution?

[peterdTopaz]

When zooming a webpage and using html2canvas to capture that webpage, html2canvas doesn't capture the webpage appropriately. The captured contents are skewed compared to the zoomed in webpage. Has there been any progress with this issue?