Toimage bug

[mdtusz]

Fixes#600.

This PR fixes a nasty little bug with image downloads. The culprit was font-family strings that were quoted and breaking the svg string used for image conversions.

The fix is not exactly pretty, but should be more robust now (previously, the quotation marks were escaped before the svg was converted to a string - Chrome seems to not care for that and automatically replaces the double quotation marks.

[mdtusz]

The imgData must be an actual URL to work as a download via a link.

[etpinard]

good to know!

[etpinard]

Great. @mdtusz Can you try this patch on browserstack (if you haven't already) ?

I think the easiest way is:

• npm run build
• commit the dist folder to a branch and push
• write up a codepen using src:

https://rawgit.com/plotly/plotly.js/blob/<name-of-branch>/dist/plotly.min.js

• select a few browsers and run a screenshot test.

[mdtusz]

Looks all good for Chrome, FF, Safari, and IE11 (svg)! 🎉

[etpinard]

💃

[kimli42]

From which version of Safari does this work? I have plotly v.1.23.0 and downloading images (scattergl plot specifically is what I tested) doesn't work in Safari 8.

[rreusser]

@kimli42 For reference: Safari 8 was released on Oct 16, 2014. Current is Safari 10. Are you able to download this plot? https://plot.ly/~chris/17389.embed It works for me in Safari 10.

[kimli42]

Unfortunately, you can't upgrade to the latest Safari (on Mac) without upgrading the OS. That is why I was asking if anyone else was able to use this feature in Safari 8.

[rreusser]

Is there a specific error in the console? There is already some code to handle specific browsers, so it's definitely a tricky issue to get working across all browsers past and present.

[kimli42]

There's no error in the console. I've encountered this before trying to developing a file downloader in legacy Safari.

[gschivley]

I've seen the closed issue #250, but can't get .png downloads to work with the latest plotly and Safari 10.0.