Rendering a Single Element Produces Oversized Canvas

[clintonb]

I am attempting to render a single element (a div in my case). When I do this I end up with a canvas that is the size of the entire body instead of the single element. It would be ideal if the canvas were the size of the element passed in.

[niklasvh]

It unfortunately isn't that simple. Just because an element is of a certain size, doesn't mean that the contents of that element reside inside of that space. Very simple examples are shadows or positioned elements, example:

http://jsfiddle.net/E7FGU/

[clintonb]

In my case it is simple since I have no shadows or positioned elements. Can you provide the option to render just the passed in element?

[niklasvh]

There is currently no option to automatically clip it. You could just fetch the position of the element (x and y) and check its width and height and clip the canvas using that. (I included jQuery methods already in that fiddle)