I am taking webpage screenshot of svg content using canvg. In Chrome, Opera and IE11 it seems to work fine, however in Edge browser it only weirdly renders black background with no content on the canvas.
Try it here in Edge browser
Open the link above and try the following examples
1) soccer
2) floorplan
I am unable to find the problem. Apparently looks like Edge is not supported by canvg. I hope someone already found a solution for this. It will be a great help!
There's more information about this issue here: https://github.com/canvg/canvg/issues/520
There is currently a merged PR that has not been released as mentioned in the issue and there's a workaround by monkey patching the code from that fix into the canvg code. You may want to subscribe to that issue so you know when the patch is released.
Related
This is kind of hard to explain so here is a pretty picture from Safari:
As can be seen in this picture is that each "label" which has a slight transparency shows another label behind it. This happens with every entity on the map.
This is what it looks like in Chrome:
Nice and pretty!
Has anyone experienced this before? Has a solution been found?
I was using svg's for my billboards. For some reason Safari couldn't handle the rendering of these svg's. I managed to solve this by converting all svg's to png's before setting them as the image of a billboard.
Hope this can help someone else in the future!
I implemented LeafletJS 0.8 in my application. This because of the many bugfixes I needed. However It seems that zooming is not working as expected in IE11
The leaflet is zooming out of its bounds, only in IE11
For a demo see here: http://robballou.com/j/leaflet.php?leaflet=8
Does anyone has an idea what could be happening here?
You do not have to provide valid code, just a point in the right direction would already be very helpful.
Edit: I just tested this on a Windows 7 machine and there are no problems there. It just happens on Windows 8 apparently
Unfortunately, this looks like an IE bug introduced when we added additional hardware accelerated composition in IE for Windows 8 and above. Sorry about that! I've filed a bug for us to investigate: https://connect.microsoft.com/IE/feedbackdetail/view/1085713/transformed-elements-appear-outside-map-extents-in-leafletjs-win8-only
If during our investigation we find an easy workaround for you, I'll come back and post it here.
I am using pdf.js in my web application and it works fine until I updated chrome to Version 30.0.1599.69 m this morning.
The PDF is rendered with wrong character. Zooming in or out may correct the character but it doesn't work to all document. Different document may be 'corrected' with different zoom scale.
Sometime zooming doesn't fix the problem.
Does anyone facing the same problem? Any solution?
Screen capture:
Temporary solution is to fix users' chrome version to version 29. This is the most practical solution in our case for the time being.
http://jsfiddle.net/MP4Yg/5/embedded/result/
Heres a plugin I've been working on to create Hub-Spoke diagrams. I've avoided asking any questions pertaining to this so far (gonna go ahead and pat myself on the back for that one) but, I've now hit a roadblock...
My functions are working great but for some reason only in chrome (and partially in opera). I'm using <canvas> to draw lines between circles, none of which render outside of chrome. I want this to work in at least IE 8+, and it should work in updated FF and Safari, etc.
I'm also self taught on all of this so any suggestions and feedback on my code would be appreciated, although I'm not sure this is the place for that.
So I have been working on a map system for Canvas, it all works fine in Chrome.
But Firefox and IE9 refuse to draw anything to the canvas... I can't seem to work out why.
The FPS count in the document title still works ok.
Here is my code so far:
http://www.barriereader.co.uk/tmp/neuroTile/
Has anyone seen this sort of non-error before? Where only Chrome draws on the canvas?
Thanks!!
Start by looking at the JavaScript console for error messages. It will tell you that document.width and document.height are not defined in IE9 or Firefox.