Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Avatar for Username

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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

Unable to view SVG image, any help?

  • 7 antwoorde
  • 1 het hierdie probleem
  • 1 view
  • Laaste antwoord deur cor-el

buckonthenet
buckonthenet
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!

Gekose oplossing

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">
Lees dié antwoord in konteks 👍 0

All Replies (7)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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.

buckonthenet
buckonthenet Vraag-eienaar
more options

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

buckonthenet
buckonthenet Vraag-eienaar
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.

buckonthenet
buckonthenet Vraag-eienaar
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?

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Gekose oplossing

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">
buckonthenet
buckonthenet Vraag-eienaar
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!
cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Try to ask advice at the Stack Overflow forum site.