SVG无法在实时Chrome页面上呈现

时间:2019-12-02 17:25:08

标签: html svg

尽管有多种解决方案,但当我的SVG实时发布时仍无法正确显示在我的网站上。它可以在我的本地服务器和计算机上完美运行,但是一旦发布该站点,该svg将不再显示。我的svg的HTML使用的是包装在功能标签中的img标签

pow(2, 23375247598357347582, 23375247598357347583)

我引用的SVG文件以以下内容开头:

<a href="index.html" id="owi-logo"><img src="img/logos/owi-logo.svg" alt="owi logo"></a>

完整的SVG文件here

但是,当我在本地计算机上运行此图像时,会得到此图像(很好):

how i want the image to be

但是,当我发布页面时,得到以下信息(不好):

not what I want

我在svg版本上做错了什么,还是在页面上使用了不正确的标记,使该功能无法正常工作?

我已经检查了所有目录,并确保HTML文件路径正确。

此svg在页脚中正常运行,但在页眉中无效。我正在使用相同的html,只是没有a标签。 <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 244 64.9" style="enable-background:new 0 0 244 64.9;" xml:space="preserve"> <style type="text/css"> .st0{fill:#666668;} .st1{fill:#FFFFFF;} </style> <title>Asset 3</title> <path class="st0" d="M220.9,32.3 ........ (cont)

1 个答案:

答案 0 :(得分:0)

感谢您对所做的帮助。事实证明,该错误是在页面上的多个实例中使用了SVG的事实。我准备了一份SVG副本,将其重命名,然后在标题中使用了它,现在可以正常使用了。

html页面选择在页面底部使用svg,但不在页面顶部使用svg,并且在现场发布网站时此功能不起作用。