Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Unable to view SVG image, any help?

  • 7 cavab
  • 1 has this problem
  • 1 view
  • Last reply by cor-el

more options

Hi,

I have an old vehicle service manual that uses html, js, xml, and SVG objects populated by js and xml forms. The links on the webpages work, but the images fail to display.

Attached is an example of an SVG file that fails to display in a web browser (Edge, IE, Firefox, Chrome, IETab in Chome (all latest versions as of April 2018). Other SVG files like https://commons.wikimedia.org/wiki/File:Test.svg work correctly.

I can open the attached .svg file with Inkscape and view the image, but doing this is very cumbersome.

Any ideas on how to get these to display in Firefox? Thanks!

Hi, I have an old vehicle service manual that uses html, js, xml, and SVG objects populated by js and xml forms. The links on the webpages work, but the images fail to display. Attached is an example of an SVG file that fails to display in a web browser (Edge, IE, Firefox, Chrome, IETab in Chome (all latest versions as of April 2018). Other SVG files like https://commons.wikimedia.org/wiki/File:Test.svg work correctly. I can open the attached .svg file with Inkscape and view the image, but doing this is very cumbersome. Any ideas on how to get these to display in Firefox? Thanks!

Chosen solution

The file works if I add the SVG namespace.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 250 400">
Read this answer in context 👍 0

All Replies (7)

more options

You can't attach a SVG file and otherwise it might be converted. You would have to print the SVG code in a reply or post a link.

You can check the Web Console for error messages about SVG.

more options

Of course it wouldn't attach! I'll get a link shortly...

more options

Here a link to an example svg file that I am having trouble with

https://www.dropbox.com/s/x0i33bbyph2latf/2174253.svg?dl=0

I'll checkout the Web Console.

more options

Hmmm, when opening in Firefox I get "This XML file does not appear to have any style information associated with it. The document tree is shown below." and the contents of the file (the xml data). The console is blank when viewing just the svg file.

In other browsers I get various bits of info that are parts of data in the xml, but not the image I am expecting (wire harness connector).

Perhaps this SVG file is not a standard format?

more options

Seçilmiş Həll

The file works if I add the SVG namespace.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 250 400">
more options

Excellent! This is a huge step in the right direction! I can mass edit files easily enough.

Next hurdle...with the namespace you added I can view the file in Firefox, but the text is not rendered as I would expect. Attached is a comparison of Firefox left versus Inkscape right. Any ideas here?

If these are just SVG issues instead of browser issues is there an SVG support forum that you would recommend?

Thanks again!
more options