个人中心
gpt4 book ai didi

html - 如何使用 在 Firefox 中显示 SVG？
转载 作者：搜寻专家 更新时间：2023-10-31 08:36:01 24 4
gpt4 key购买 nike

我正在尝试在 Firefox 中使用 显示 SVG。

如果我在本地加载 index.xhtml，而不是通过 HTTP 服务器，页面加载正确。

但是，如果我通过 HTTP 服务器加载，Firefox 什么也不显示，而是通知我需要一个插件。

我花了大约两个小时寻找并尝试不同的解决方案，但无济于事。我现在非常恼火和沮丧。

这是页面；

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:svg="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink">
  <head>
    <title>Daily Agera Stats</title>
  </head>

  <body>
    <table cellpadding="4" style="margin-left:auto; margin-right:auto">
      <tr>
        <td><object data="clicks_with_data_per_day_all_sources.svg" type="image/svg+xml"></object></td>
        <td><object data="clicks_with_data_per_day_criteo_only.svg" type="image/svg+xml"></object></td>
        <td><object data="impressions_per_day_with_data.svg" type="image/svg+xml"></object></td>
        <td><object data="impressions_per_day_with_data_from_clickers.svg" type="image/svg+xml"></object></td>
      </tr>

      <tr>
        <td><object data="referrer_urls.svg" type="image/svg+xml"></object></td>
        <td><object data="conversions_per_day_with_data.svg" type="image/svg+xml"></object></td>
        <td><object data="conversions_per_day_with_data_from_clickers.svg" type="image/svg+xml"></object></td>
        <td></td>
      </tr>
    </table>
  </body>
</html>

请注意，WWW 服务器 (lighttpd) 已配置为将 .xhtml 作为“application/xhtml+xml”提供服务。

鉴于该页面离线工作，我猜这是某种 MIME 问题。完全没有有意义的文档或错误消息或任何可能被认为是直观解决方案的东西是令人难以置信的烦人。

SVG 由 GnuPlot 生成并且很长。头是这样的；

<?xml version="1.0" encoding="utf-8"  standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg 
 width="320" height="256" 
 viewBox="0 0 320 256"
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink"
>

<title>Gnuplot</title>
<desc>Produced by GNUPLOT 4.6 patchlevel 0 </desc>

非常感谢任何帮助。

最佳答案

我找到了答案。

尽管在 标记中指定了 MIME 类型，您还必须配置 HTTP 服务器以提供 .svg 的 MIME 类型。

我当然几乎在一开始就看到了这一点，但我假设 - 哈! - 因为我实际上是在指定类型，所以浏览器会知道该怎么做。

如果浏览器忽略它，type 属性到底有什么意义？

关于html - 如何使用 <object> 在 Firefox 中显示 SVG？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10417618/

上一篇：javascript - 表格行的叠加

下一篇：html - 如何在 Dreamweaver 中禁用 shift+enter

©2023 IT工具网  联系我们

24 4 0
搜寻专家
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com