Disable 3D CSS transforms on PhantomJS

[rassie]

PhantomJS does not support 3D CSS transform even though it's a Webkit product. This patch detects PhantomJS in the user agent and disables 3D transforms.

Details on PhantomJS support are here: https://groups.google.com/forum/#!msg/phantomjs/h7-4-CWsy1g/KX1tlf5gT5IJ

[rassie]

FWIW: I'd be happy if someone could fix the Webkit 3D detection instead of detecting PhantomJS. Some cues on how to do this can be found here.

[mourner]

Maybe it's better to just add L_DISABLE_3D = true to testacular.js, in the same fashion the touch is disabled for tests?

[rassie]

You probably would too for Leaflet tests. However, this is not about tests but more about export possibilities for sites actively using Leaflet. For example, I'd like the maps on my site to be exportable and pointing PhantomJS to the same URL to capture an image seems to be the easiest way. Currently, maps come out skewed because of missing 3D CSS transformations support. You could try running phantomjs rasterize.js http://leafletjs.com/examples/choropleth-example.html choropleth.png and see for yourself.

[mourner]

Oh, I see. OK, merging.