程序员经验分享-hwhale

SVG 在 Firefox 中仅部分显示

2023-12-02

我目前正在使用 SVG 格式的瑞士地图。这<svg>标签直接嵌入到<div>.

在 Chromium (Linux) 中，一切看起来都很好，但在 Firefox (Linux) 中仅显示 SVG 的一部分。 SVG 标记本身似乎是有效的。

铬：

SVG in Chromium

Firefox:

SVG in Chromium

我用源代码创建了一个 jsfiddle 以方便测试：http://jsfiddle.net/MKRXN/

这是 Firefox 的问题，还是 SVG 的问题？无论如何，我怎样才能让它正常工作？


你应该设置height and width给你的父母div然后设置svg高度和宽度都为100%:

HTML:

<div id="map" style="height: 500px;width:600px;">

SVG:

<svg
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.0"
   id="svg_main" style="height: 100%;width: 100%">

检查这个代码：http://jsfiddle.net/Kgs6J/

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

firefox

SVG

Rendering

SVG 在 Firefox 中仅部分显示 的相关文章

  • SVG 图标像素对齐？

    在此图像中 左侧 黑色 垃圾桶是图标字体 它的字体大小是 16px 这使得图标在 100 的时间里看起来都很清晰 两个蓝色垃圾桶是 SVG 它们具有完全相同的标记 其中之一happened一个是像素对齐的 另一个不是 我怎样才能强制我的 S

  • Bootstrap Glyphicons 在 IE10 或 FF 中不显示

    我无法在 IE10 或 FF 中显示引导字形图标 我正在使用最新的 bootstrap 3 代码 并以标准方式包含字形 span class glyphicon glyphicon edit span 它们在 Chrome 中工作正常 但在

  • Firefox 版本 3 如何调用 Windows 上的防病毒功能来扫描下载内容？

    StackOverflow 上的另一个问题 https stackoverflow com questions 3292216 execute antivirus program programmatically using delphi是

  • 分配函数后如何删除 onmouseout 事件？

    我有一个问题 我正在为 onmouseout 事件分配一个函数 但运行该事件后 我需要将其删除 将非常感谢您的帮助 这取决于你的代码 如果你用 d3 这样做 那么你可以说 在 onmouseout 事件函数中 element on mous

  • SVG 在 Firefox 中渲染得很糟糕

    我正在制作带有滑动轮播的信息图表 li 我认为 尽管 FF 中 SVG 的错误已得到解决 但 SVG 在 Firefox 中显示为像素化 有人能看到这个问题的解决办法吗 URL http weaver wp weavertest com r

  • 在 Firefox 中使用 Javascript 检测键盘布局

    有没有办法在 Firefox 中检测客户端的键盘布局 我知道 Chrome 的答案是肯定的 请参阅https developer mozilla org en US docs Web API Navigator keyboard https

  • 底部带有三角形的 div 和背景图像

    我想做一个div 有一个底部的三角形 但我需要三角形上的背景图像为了出现 我尝试使用伪元素 after 但它不起作用 homebg after content position absolute top 100 left 0 right 0

  • 自定义 SVG 未加载到我的图像标签中

    目前我正在尝试将自定义 svg 组件加载到图像标签内 但由于某种原因 我无法看到地图组件内的 svg 图像 我的自定义 SVG 文件如下所示 我在 SVG 中加载另一个图像

  • 为什么函数声明在不同浏览器中的处理方式不同？

    虽然我在谷歌中找不到对此的引用 但我熟悉这样一个事实 在 javascript 中 全局函数声明在执行任何代码之前都会被解释 换句话说 这工作得很好 f function f 但是 我注意到 chrome 和 firefox 对全局函数声明

  • css 适用于 Firefox/Chrome，但不适用于 IE

    我有这个 HTML 和 css 在 chrome firefox 中工作正常 但在 IE 上 标题布局超出了位置 并且悬停时未显示子菜单 您能帮忙吗

  • grid-auto-columns 在 Firefox 中不能完全工作

    我不明白为什么 DIV 3 的大小与 DIV 1 DIV 2 的大小不同 https codepen io anon pen vaVqPW https codepen io anon pen vaVqPW grid display grid

  • GeoJson 世界数据库 [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我正在开发一个项目 需要使用 d3 js 显示国家和城市的地图 实际上 D3支持GeoJson格式 通常

  • 我点击的号码没有出现在反应项目的屏幕上

    当我尝试在屏幕中呈现点击的数字时 该数字没有出现 但它确实可以在控制台中显示 我不知道如何修复它应该在屏幕上 号码 旁边应用的号码 import render from testing library react import React

  • 有没有办法将 SWF 转换为 SVG 格式？

    有没有办法将 FLA 或 SWF 转换为 SVG 格式 它可以是一个软件吗 或者甚至是网络转换器 我尝试了一些方法 但没有一个有效 所有这些似乎都已经过时了 不 SWF 支持的功能太多 而 SVG 格式无法创建有效的 SWF 版本 如果您只

  • 使用 Firefox 绕过弹出窗口下载文件：Selenium Python

    我正在使用 selenium 和 python 来从中下载某些文件web page http www oceanenergyireland com testfacility corkharbour observations 我之前一直使用设

  • 悬停时为 SVG 制作动画

    我正在尝试在悬停时为 SVG 文件设置动画 默认情况下 它可以使用 svg 函数实现出色的动画效果 例如

  • 如何在 SVG 元素上使用箭头标记？

    我需要在 d3 js 中创建一个箭头 但我找到的只是带有节点图的示例 我需要的是简单地制作一个从 A 点到 B 点的箭头 我尝试实现以下示例中的部分代码 http bl ocks org 1153292 http bl ocks org 1

  • 增加 D3 图中边缘的可点击区域

    我有一个由 d3 制作的图 dagre d3 位于其顶部用于绘制有向图 这给出了我对渲染图表的期望 要编辑构建图表的数据 每个元素都是可单击的 这对于使用标签渲染边缘的情况来说很好 但它们并不总是有标签 导致未标记的边缘很难单击进行编辑 分

  • 使 html svg 对象也成为可点击的链接（在 iPhone 上）

    这个问题与使 html svg 对象也成为可点击的链接 https stackoverflow com q 11374059 4825796 但给出的答案似乎不适用于 iPhone ios 9 3 safari 和 chrome 浏览器 我

  • 如何在“object”标签内选择 SVG？

    HTML 页面的内容如下所示 方法如下script js looks var tooltip d3 select body append div style position absolute sty

随机推荐

  • 在 Flash 中播放 MIDI 文件

    有没有办法在Flash中播放MIDI文件 使用动作脚本 3 None

  • 眼睛空间坐标到底是什么？

    当我学习 OpenGL 时 我经常偶然发现所谓的眼空间坐标 如果我是对的 你通常有三个矩阵 模型矩阵 视图矩阵和投影矩阵 虽然我不完全确定其背后的数学原理是如何工作的 但我确实知道将坐标转换为世界空间 视图空间和屏幕空间 但是眼睛空间在哪里

  • Git 提交消息：50/72 格式

    Tim Pope 在他的博文中主张采用特定的 Git 提交消息样式 http www tpope net node 106 以下是他的建议的快速摘要 第一行不超过 50 个字符 然后是一个空行 剩余文本应以 72 个字符换行 他的博客文章给

  • QFile 打开文件写入失败

    我正在尝试打开文件并向其中写入一些文本数据 QFile out test txt if out open QIODevice ReadWrite QMessageBox msgBox msgBox setText out errorStri

  • Python virtualenv 问题

    我在 Windows XP 上使用 VirtualEnv 我想知道我的大脑是否正确地围绕它 I ran virtualenv ENV它创造了C WINDOWS system32 ENV 然后我改变了我的PATH要包含的变量C WINDOWS

  • 矩阵的块对角绑定

    R 是否具有将矩阵绑定为块对角形状的基函数 以下可以完成这项工作 但我想知道是否有标准方法 a lt matrix 1 6 2 3 b lt matrix 7 10 2 2 rbind cbind a matrix 0 nrow nrow

  • 复制包含索引的表

    有没有办法在 SQL Server 中复制表 不仅仅是像这样的数据SELECT INTO还可以索引 也许还有键 如果我走脚本表为 gt 创建到它遗漏了我的索引 如果此功能不可用 为什么不呢 我确信这个问题肯定被问了 1000 次 但我找不到

  • 关于C中的qsort()，** buf和buf[][]的区别

    当我在 Mac 上的 C 语言中使用 qsort 时 这些代码运行良好 它可以很好地对一个文件中的每一行进行排序 int compare const void p const void q return strcmp p q void fu

  • 如何在jtree中仅列出非隐藏和非系统文件

    File f new File C File fList f listFiles 当我使用它时 它会列出所有系统文件以及隐藏文件 而这个原因空指针异常当我用它在 jTree 中显示时 如下所示 public void getList Def

  • 从所有浏览器注销用户

    我在用着表单验证mechanizm 和 auth 用户通过 FormsAuthentication SetAuthCookie Can I logout当前用户来自所有浏览器不知何故 在认证参数中添加一个guid参数 还将 guid 保存到

  • 动态CRM插件下载Word文档

    我创建了 CRM 插件 在创建案例时需要将文档下载到客户端 当我创建案例时 插件正在工作 但它不下载文档 在控制台中我可以看到通过 POST 请求返回文档内容 AppWebServices InlineEditWebService asmx

  • 如何将从 sha1 字节数组生成的字符串返回到该字节数组？

    首先很抱歉英语不好 好吧 我想从 torrent 文件中读取片段哈希信息 目前 我正在使用https github com hyPiRion java bencode这个 Bencode 库来解码信息 但我的问题是当我想将片段字符串转换为字

  • 自定义MKOverlayRenderer drawMapRect函数不绘制多边形

    我构建了一个自定义 MKOverlayRenderer 来构建多边形 应用混合模式 然后将它们添加到地图视图中 在我的drawMapRect函数中 我使用CGPoints数组来构建多边形 并创建一条路径 但是 在运行时 我的地图视图上没有显

  • JavaScript：一个变量可以有多个值吗？

    除了 jQuery 之外 我对 JavaScript 还很陌生 我正在阅读 JavaScript 数组中的随机化以及使用带有随机数的 Array sort 方法的缺点 我看到建议是使用 Fisher Yates 洗牌 查看此方法的 Java

  • 导入错误：没有名为 base 的模块

    我正在尝试为我的第一次登录测试实现 PageObject 模式 运行时我收到以下错误 gt gt py test v test login py test session starts platform linux2 Python 2 7

  • Django OneToOne 反向关系当空时DoesNotExists

    我正在使用 Django 1 8 3 以及 Rest Framework 和 json api https github com django json api django rest framework json api 我有这种一对一的

  • Java 中的斐波那契数列耗时太长？

    我试图在 Java 中找到斐波那契数列的总和 但运行时间太长 或者是应该的 每当我使用超过 40 的整数时 速度都会变慢 注意 在 50 时 返回负值 这让我很困惑 有什么建议吗 public static void main String

  • JAAS认证新手；使用 URL 栏中的令牌登录 [关闭]

    Closed 这个问题需要多问focused 目前不接受答案 我有一个有趣的项目要求 我们必须接受令牌作为 GET 参数 以对进入应用程序的用户进行身份验证 这是为了允许受信任的第三方将用户无缝地发送到我们的网站 而无需让他们再次登录 一个

  • IE 中的 org.openqa.selenium.NoSuchElementException 错误，但相同的代码在 Chrome 和 Firefox 中工作正常

    我编写了一个登录脚本 当我使用 ChromeDirver 和 FFDriver 执行它时 它工作正常 但是当我使用 IE 驱动程序运行相同的命令时 它失败并给出以下错误 Exception in thread main org openqa

  • SVG 在 Firefox 中仅部分显示

    我目前正在使用 SVG 格式的瑞士地图 这

热门标签