【问题标题】:SVG image not showing (many ways tried)SVG 图像未显示(尝试了很多方法)
【发布时间】:2019-09-21 22:11:05
【问题描述】:

这是我的代码:

<svg class="navbar-brand" src="/Images/logo.svg" alt="Apps Architect"></svg>

我尝试将 svg 更改为 img 或 embed。使用 img 图像不会呈现,但会显示替代文本。嵌入图像不显示,替代文本也不显示。所以我变了:

xlink:href="data:img/png;base64,

到:

xlink:href="data:image/png;base64,

我添加了 div &lt;div&gt;&lt;img class="navbar-brand" src="/Images/logo.svg" alt="Apps Architect"&gt;&lt;/div&gt;

我已更改 xlink:href 而不是 src

然后我尝试使用:

<image ... xlink:href="...">

但它不会改变任何东西。

编辑:我添加了宽度和高度,但它没有改变任何东西。但它在 Visual Studio 中编译后正确显示。只有在服务器上它不显示。 我添加了 png 文件而不是 svg,但它都没有显示。

【问题讨论】:

  • @xmastertje 你的意思是 svg 文件?
  • 没有您的文件夹结构。我的坏人用了一个荷兰词
  • 您的 SVG 是否仍然有效?您可以在开发人员工具中预览它吗? &lt;svg&gt;&lt;image&gt; 实际上不是有效的 HTML,而是 SVG 中的 XML(使用文本编辑器打开您的 svg 图像并检查其中的 XML)。要在浏览器中显示 SVG 图像,您必须使用“普通”&lt;img src="bla.svg"/&gt; 图像元素。
  • @xmastertje svg 文件位于 Images 文件夹中,html 文件位于主文件夹中。主要/图片
  • 添加您的文件夹结构。另请查看您是否指的是实际路径。

标签: html svg


【解决方案1】:

我在我的路径中找到了解决方案 "/Images/logo.svg" 应该是 "Images/logo.svg"

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-05-23
    • 1970-01-01
    • 2021-06-24
    • 1970-01-01
    • 2019-05-30
    • 2021-03-31
    • 1970-01-01
    相关资源
    最近更新 更多