bug in svg export of text, empty spaces are rendered.

[blobinabottle]

Version

2.0 (and all since forever I think :-))

Test Case

http://fabricjs.com/test/svg_export/text.html
Or any text exported as SVG

Steps to reproduce

Try select the text, you'll see a white space used for nothing.
This can be really problematic with fonts like
https://fonts.google.com/specimen/Zilla+Slab+Highlight
You clearly see a useless rectangle on top of everything :

And I saw in the svg code that the before the first there is some white spaces, if we remove these spaces, the rectangle disappear and you get a clean svg text rendered.

I hope you'll see how to fix this! :-)

Thanks!

[asturur]

probably the new lines and tabs for svg formatting do not help.
Also we need a better way to handle text-wrap and white space props.

[asturur]

i do not really like it but first thing we should do is stop pretty formatting the svg in the text.
And this i am doing. All the tabs and newlines get rendered.

[asturur]

is from when we inserted the white-space preserve, is a 2.0 thing

[blobinabottle]

Ah yes, the white-space preserve is for Safari compatibility right?

[asturur]

is for keeping spaces between tspans, and multiple spaces that would be otherwise eaten by svg.

if you write A B and A is red and B is blue, a tspan with B inside is rendered as B.

Svg stuff....