image-map, SVG and text...

Question

I've been working with the new image-map tool with great results. Makes for a fantastic UI. However, when placing text inside the boxes for user's to 'click', the multiline tool in SVG (TSPAN) is not being recognized in S123. In my development environment, everything looks great: Note the multi line, horz & vert centered text. However, note the same SVG, displayed S123: the multi line text is ignored and multiple rows are merged into one: Here's an SVG extract of the text in the bottom left corner: 🌐 Map Note Any help or suggestions are welcome! JP

Jing_Sun · Answer

Hi Jim,

I had the same issue and what I've done was to convert the texts to graphics so that all fonts and formatting are locked.

In Adobe Illustrator, select the texts and click [Type] > [Create Outlines] (Shift + Ctrl + O).

I am sure the other open source programs also have a similar workflow.

The idea is to convert text to graphic, so make sure saving a copy for future editing before converting the text.

Cheers,

Sun

MapperJim · Answer

Sorry - should have done that with the original post. The best I can figure so far is that this is browser-dependent. IE and Chrome have no problem, but whatever browser-engine S123 Connect and Windows are using doesn't recognizance the .

BrettStokes · Answer

Hi JP,

Can you please share your SVG file for me to investigate further? I haven't actually tested multiline SVG text with the image-map appearance. It seems your font has not been embedded either, so I will try to remedy that too.

Brett