Mozilla サポートの検索

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.

詳しく学ぶ

このスレッドはアーカイブに保管されました。 必要であれば新たに質問してください。

Unable to view SVG image, any help?

  • 7 件の返信
  • 1 人がこの問題に困っています
  • 886 回表示
  • 最後の返信者: 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!

選ばれた解決策

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">
この回答をすべて読む 👍 0

すべての返信 (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

選ばれた解決策

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