Windows 10 已于2025年10月14日停止支持。如果您正在使用 Windows 10，参见 这篇文章。

Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信，及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解
话题已存档。 如果需要帮助请提出新问题。
Solved 已存档

Unable to view SVG image, any help?

Firefox 其他
cor-el 已回复
buckonthenet
buckonthenet

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!
cor-el
cor-el
  • 版主
定位到答案原位置

选择的解决方案

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">

所有回复 (7)

cor-el
cor-el
  • 版主

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 提问者

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

buckonthenet
buckonthenet 提问者

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 提问者

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
  • 版主

选择的解决方案

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 提问者

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
  • 版主

Try to ask advice at the Stack Overflow forum site.