Super big type while exporting as svg

tilemill-project / tilemill

TileMill is a modern map design studio

https://tilemill-project.github.io/tilemill/

BSD 3-Clause "New" or "Revised" License

3.12k stars 528 forks source link

Super big type while exporting as svg #2225

Closed JolinM closed 8 years ago

JolinM commented 10 years ago

I am unable to get the labels text size to not be super huge on the map (Illustrator) or not appear at all (InkScribe). Is this a know bug or some manipulation I don’t get?

Here is my label styling.

text-name: [name];
text-face-name: 'Helvetica Neue Regular';
text-fill: #f9c523;
text-size: 12;
text-placement: line;
text-halo-radius: 2;
text-halo-fill: #000;

Super big type

springmeyer commented 10 years ago

This is very likely a bug and not anything you are doing wrong. What TileMill version are you running and on what operating system?

JolinM commented 10 years ago

Wow, you’re fast! Version 0.10.1 (v0.10.1) on Mac OS 10.9.2

Le 2014-02-28 à 15:40, Dane Springmeyer notifications@github.com a écrit :

This is very likely a bug and not anything you are doing wrong. What TileMill version are you running and on what operating system?

— Reply to this email directly or view it on GitHub.

springmeyer commented 10 years ago

Can you see if the problem persists with this development build of TileMill for OS X: http://tilemill.s3.amazonaws.com/dev/TileMill-v0.10.1-261-g8af6331.zip

JolinM commented 10 years ago

Seams like there’s no SVG export in the development build capture decran 2014-02-28 a 15 55 11

JolinM commented 10 years ago

Oh, I just found out that the stroke of the text seams to stay, but the main text is blowed out of proportion. If that might be of any help. capture decran 2014-02-28 a 15 59 33

springmeyer commented 10 years ago

Can you try this build: http://tilemill.s3.amazonaws.com/dev/TileMill-v0.10.1-262-g6582a6b.zip

JolinM commented 10 years ago

Same thing. capture decran 2014-02-28 a 20 25 15

springmeyer commented 10 years ago

Kind of its own kind of art :). So does this only happen in illustrator. What does it look like in adobe reader or apple preview?

On Feb 28, 2014, at 8:26 PM, JolinM notifications@github.com wrote:

Same thing.

— Reply to this email directly or view it on GitHub.

JolinM commented 10 years ago

I am unable to open it in either one, but here is the file if you want to take a look at it

springmeyer commented 10 years ago

Okay, I see it is fairly large for an SVG (10MB). I am able to open it in Chrome and text seems to display okay. Does this look right? screen shot 2014-03-02 at 4 00 56 pm

JolinM commented 10 years ago

Yep it does. Same here; I’m perfectly able to open it with chrome.

springmeyer commented 10 years ago

Hmm, okay, so I wonder what is wrong with illustrator... Here is an idea: can you try to create a very minimal testcase - like the most simple possible map in TileMill, exported to SVG, but that still displays incorrectly in illustrator. Then share the svg from that?

JolinM commented 10 years ago

Here are some exports.

springmeyer commented 10 years ago

Hi @JolinM - thanks for the reduced test cases. Very helpful. I was able to get access to a friends copy of illustrator (version 16.0.4) and I can confirm that the rendering of all of those exports is incorrect.

After fiddling with the SVG manually I could not see an easy way to change the paths such that they render correctly: to be clear the messed up text are actual not <text> but vectorized <path> when they come out of TileMill.

So I started searching online and based on http://forums.adobe.com/thread/721816?tstart=120 and http://forums.adobe.com/message/3158042#3158042 I'm ready to conclude that this is not a bug in TileMill but rather a bug in Illustrator's support for the SVG standard. Other commenters on those tickets confirm what we have seen: that all other programs display the SVG correctly while illustrator does not.

So, it seems like the only workaround are:

Open in inkscape and try re-saving and opening in illustrator
or, instead export PDF from TileMill and see if that behaves better in Illustrator.

springmeyer commented 10 years ago

Also confirmed that the SVGs render incorrectly in adobe creative cloud (https://creative.adobe.com/), which tells me that this is unlikely to be fixed in more recent illustrator desktop versions (than the one I tested with).

JolinM commented 10 years ago

Indeed; doesn’t work with Illustrator 17.1.0 (latest CC version). I filled a bug report; will see where that leads…

Le 2014-03-10 à 14:21, Dane Springmeyer notifications@github.com a écrit :

Also confirmed that the SVGs render incorrectly in adobe creative cloud (https://creative.adobe.com/), which tells me that this is unlikely to be fixed in more recent illustrator desktop versions (than the one I tested with).

— Reply to this email directly or view it on GitHub.

springmeyer commented 10 years ago

Great, is there a public link to the bug report you filed?

JolinM commented 10 years ago

Nope; sorry.

Le 2014-03-10 à 14:22, Dane Springmeyer notifications@github.com a écrit :

Great, is there a public link to the bug report you filed?

— Reply to this email directly or view it on GitHub.

tmcw commented 9 years ago

Upstream now, let's hope Adobe fixes this. Ping back @JolinM if they do.