svg image in html, svg image not showing text Options

[Santiago]

I am using a svg image to show in a img tab (instead of a , say, png file, I use a svg file as a src.

My image, made with inkscape, contains a circle and a text... the circle shows up, but the text is absent. I suspect there is something to do with the svg format itself.

I don't know how to proceed. Any hints, please, on what to check?

thanks

[Frederiek]

We need to see the page.
Can you post the url to your page or to a test page?

[Santiago]

We need to see the page.
Can you post the url to your page or to a test page?

Thanks, I don't have any hosting to test the code "live", I am developing on my own computer, through xampp. CodePen doesn't allow attachments as far as I know

So, my code is as simple as this

<img src="/a.svg">
<img src="/a.png">

where files a.svg and a.png (where the png is an export from the svg) are in the attached zip

The svg shows a different viewport, don't know why, and the text is ignored

thanks

[pandy]

Open the SVG in a text editor. It doesn't contain the text.

[Santiago]

Open the SVG in a text editor. It doesn't contain the text.

thanks

I see the text (Algalia) in lines 394 and 406

Maybe I am misunderstanding you.

[pandy]

Sorry, you are right. I must have misspelled it when I searched for it.

I'm afraid I don't know what's wrong. I played a little with SVG when it was fairly new and we needed a browser plugin to use it, but I just made a few small animations by hand coding them so this is a over my head. I think it has to do with font color or the transitions though, that you somehow have managed to make the text invisible. If you open the a.svg directly in a browser, do an CTRL+A and copy, what you have on the clipboard is the below. So the text is there even in the browser. Just not visible.

CODE

    Algalia    Algalia  

[Frederiek]

I didn't know Inkscape used so much code for such an in fact simple file.
I don't have Inkscape installed, but I opened the a.svg in Illustrator and this is what I see:



The oval is outside the specified space and no text could be found in any layer.

You might try again with another app, such as Adobe Illustrator or an online svg editor, e.g. http://editor.method.ac or http://svg-edit.googlecode.com/svn-history...svg-editor.html .

[pandy]

Yeah, I was also surprised by the amount of markup. Lots of proprietary stuff there too.

[Santiago]

Thanks
It was my fault. The texts I wrote were "flowed texts", since they were dragged. Just by converting to text (text menu->convert to text), and realigning if necessary, they magically appear.

Seems that flowed text (whatever it is) is not yet supported by all browsers.

[pandy]

Ah. Mystery solved. Even if we don't know what it means.