ADDED - scale parameter to options

[glesperance]

Hey there,

I needed to make an image out of an element in my webapp and had to output an image that had a scaling factor applied to it.

I couldn't get any success with the width and height properties so I added a scale parameter that can be passed as an option.

Scale can either be a number, or an object of the form { x : scaleX, y : scaleY }. The resulting image should also be of good quality as the scaling factor is applied before the drawing.

Cheers,

Gabriel

[niklasvh]

I think it would be better to apply this through css transform:scale() (it isn't supported at the moment), and perhaps instead add an option to apply custom CSS to the render, which may not be available on the page.

[grvpanchal]

Hi,
I tried both gabriel's method and niklasvh css transform method, the canvas is scaled but there isn't anything in it. Will it be possible in future release of html2canvas to SCALE the canvas.

Thanks

[mudcube]

I'm probably not understanding exactly how HTML2Canvas works, but... would it be possible to add the scale to an element above the foreignObject on the export? So that the exported data has vector scaling (instead of bitmap based):

http://jsfiddle.net/nugWf/5/

[niklasvh]

html2canvas doesn't use foreignObject to render the content.

[naz]

Hi.

Could anybody review this pull request? It has been a while and this feature is quite important for any retina device.

Thx.
Nazar

[nouknouk]

Same as Gargol: on my side, the rendered text looks blurry compared to the rendering of the HTML done by the browser. Also when the browser's zoom set to a value higher than 100% that's even worst.

In this scope, having a option's parameter to define the rendering resolution, would be great. But having CSS scaling to render images with an higher resolution, could also be a good workaround.

[ricricucit]

quoting @gargol +1

[ricricucit]

@glesperance here: https://github.com/glesperance/html2canvas your "Makefile" file doesn't work. can you please commit the "build" folder in the repo or tell me where can i get your "htmltocanvas.min.js". Thanks.

[glesperance]

@ricricucit If you install ant via brew and then do make the build should work on OS X.

The PR is actually 2 years old and so I don't know if it still works ; anyway, here's a gist with the built files.

https://gist.github.com/glesperance/68627ad5e4da6c99763b

Cheers.

Gabriel

[ricricucit]

thanks.

[stefanello]

@niklasvh
any news for adding support for css transform:scale() ?
Thx!

[haoqi0818]

in the most cases, the body's style is "overflow:hidden", so just set "transform:scale(2)" to aim element is not work as expected