Svg在Firefox和Edge上显示不同
SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，用于描述二维图形和图像。它具有以下特点：
- 概念：SVG是一种开放标准的图形格式，使用XML语法描述图形，可以实现图形的缩放、旋转、变形等操作。
- 分类：SVG可以分为静态SVG和动态SVG。静态SVG是指静态的矢量图形，而动态SVG可以通过JavaScript等技术实现交互效果。
- 优势：SVG具有矢量图形的优势，可以无损地缩放到任意大小而不失真。它还支持文本、动画、交互等功能，适用于各种设备和分辨率。
- 应用场景：SVG广泛应用于Web开发、移动应用、数据可视化等领域。它可以用于绘制图标、地图、图表、动画等各种图形元素。
在腾讯云中，推荐使用的产品是腾讯云的云服务器（CVM）和云函数（SCF）。云服务器提供了稳定可靠的计算资源，可以部署和运行SVG相关的应用程序。云函数是一种无服务器计算服务，可以用于处理SVG的动态效果和交互。
腾讯云云服务器（CVM）产品介绍：https://cloud.tencent.com/product/cvm
腾讯云云函数（SCF）产品介绍：https://cloud.tencent.com/product/scf
相关·内容
0回答
Svg在Firefox和Edge上显示不同
firefox、svg、microsoft-edge
我在处理中间有一个数字的svg图像时遇到了一些问题。它在使用Chrome和其他浏览器时显示正确，但在Firefox和Edge中数字位置错误。 font-weight: 700;}
<svg-- Back
浏览 3提问于2017-06-14得票数 3
1回答
如何动态插入外部动画SVG
javascript、jquery、html、svg
通过jquery (或普通javascript)插入动画SVG会使它们在Chrome和Edge中看起来是静态的，尽管它们在Firefox中显示得很好：
$(".loader").prepend("<svg><use xlink:href='/images/icons.svg#loading-ring'></use><
浏览 5提问于2016-10-19得票数 0
回答已采纳
1回答
当被.getPropertyValue()检索时，SVG数据URI的浏览器输出会有所不同，该怎么办？
javascript、css、svg
原文CSS：
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='scale<，>，#，任何剩余的“(如文本内容)，非ASCII字符和其他URL不安全的字符，如%。这留下单引号和空格。问题:如何在现代浏览器( IE11、Edge、FF、Opera、Chrome、Safari )之
浏览 0提问于2017-12-24得票数 0
回答已采纳
1回答
为什么外部SVG超出了父SVG视图框的范围？
html、svg
我正在构建一个web应用程序，它使用SVG来定位和显示特定的元素。其目的是允许对外部链接的SVG图像进行缩放和摇摄/扫描。在Opera、Firefox和Chrome (都是最新的气体)上，一切都如预期的那样工作。在IE和Edge (也是最新的GAs)上，当我向上缩放时，图像超出了父SVG的范围。我隔离了所有相关的HTML、CSS
浏览 0提问于2019-07-17得票数 0
1回答
RemoteIE EdgeHTML引擎会像Windows10上的边缘浏览器一样呈现站点吗？
css、microsoft-edge、browser-support、modern.ie
我正在使用RemoteIE应用程序()呈现一个包含CSS3 SVG动画的HTML页面。就像在IE11中一样，动画不起作用。在firefox & chrome的最新版本中，动画效果和预期一样。但是这个信息()说："Microsoft Edge通过支持新功能增强了SVGpresentation功能。例如，在Microsoft Edge中，SVG属性:现在可以使用CSS动画和CSS过渡设置动画。“
另一方面，RemoteI
浏览 12提问于2016-04-12得票数 1
1回答
不接受IE边缘的SVG变换属性
html、css、svg
下面的JSFiddle是SVG绘图，其中两个棕色矩形<rect>彼此间隔，并且有一个组<g>，其中有一个类class="group"应用转换(旋转和平移)。引用Caniuse.com (它为主要浏览器提供了大多数支持率)，它显示了IE9+支持SVG转换属性，并在了解问题上表示：
有没有其他方法可以应用IE (Edge)、Chrome和
浏览 1提问于2015-12-23得票数 5
回答已采纳
2回答
简单SVG项目导致Internet Explorer 11上出现错误
svg、internet-explorer-11
我正在学习svg，我想比较一下在不同浏览器上显示svg项目的效果。我的代码在firefox，chrome，edge，safari等上运行良好，但不能在ie11上运行。DOCTYPE html><head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"
浏览 75提问于2020-03-15得票数 0
1回答
SVG在Firefox上呈现问题
css、firefox、svg
我们设计了一个9片缩放SVG，以便在我们的web应用程序中用作容器背景。它完美地呈现在最新版本的Chrome，Edge，Opera，甚至IE 11上。但是我们在Firefox上遇到了渲染问题(在40 &42版本上测试过)。
但是下面是在Firefox上呈现的方式：
正如你所看到的，右边和底部的边缘根本没有显示</
浏览 2提问于2015-11-03得票数 1
回答已采纳
2回答
为什么我不能在屏幕上显示svg文件？
angular、browser、plugins
我的项目是用Angular和.net编写的。我正在尝试用以下代码在屏幕上显示一个svg文件： <div class="col-2"> id="svg1" type="svg+xml">
浏览 24提问于2020-12-02得票数 0
1回答
SVG在Firefox中的显示与在Chrome中不同
html、firefox、svg
我遇到了Firefox和Edge奇怪的行为。它渲染SVG图像，剪切其中的一部分。SVG在Chrome中运行良好，但在Firefox和Microsoft Edge中，它被破坏了。在Firefox中 ? 在Chrome中 ? <!200px; } &l
浏览 16提问于2019-10-09得票数 0
1回答
大文本在Firefox中呈现模糊，在Chrome中呈现锐利
css、firefox、fonts
我正在做一个非常简单的网页应用程序，并希望在一个非常大的字体大小显示一些文本。当我在Firefox中打开页面时，文本在边缘呈现模糊或模糊，而在Chrome中则显示清晰和清晰。我知道有很多类似的问题，但我在火狐上找不到任何关于这种情况的报道。这台计算机上Firefox的正常大小的文本看起来很好，与Chrome没有区别。顺便说一下，这是一台Windows 10电脑。有没有一种可靠的方法来呈现这样的大文本，并使它在
浏览 2提问于2020-07-28得票数 1
回答已采纳
3回答
从svg中创建静态png，不带反混叠，带或不带画布。
javascript、jquery、canvas、svg、antialiasing
我想要什么var svg = '<svg><g><text>Hello World</text></g></svg>';
var img = document.createElement('img
浏览 2提问于2015-06-23得票数 5
回答已采纳
1回答
SVG在Firefox上不显示，但在Chrome和Edge上工作正常
html、firefox、svg、href、xlink
我有一个小问题，我习惯于这样使用SVG图标：span{ height:30px;span svg{ height: inherit; fill: red;<svg style="display: none;"></spa
浏览 14提问于2016-09-05得票数 0
1回答
边缘中的SVG溢出不可见
css、svg、overflow、microsoft-edge
在对内联svg应用边界半径和填充时，我在Edge中遇到了一个问题。在这个特定的组合中，svg的底部被切断，无法使用overflow:visible显示出来。下图显示了Edge中的结果： ? doctype html> <head> svg { border-rad
浏览 32提问于2019-04-01得票数 0
回答已采纳
2回答
在Firefox中，SVG文本路径呈现出现反转。
firefox、svg
我试图在SVG中沿着弯曲的路径呈现文本。它在Chrome、Safari和Edge中呈现预期，但在Firefox中呈现不同。小提琴手：
<svg width="320" height="320" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.o
浏览 0提问于2019-05-30得票数 0
回答已采纳
0回答
css背景中的内联Svg属性在Edge上不能正常工作
svg、sprite、microsoft-edge、inline-svg
我有以下html文件 <p></p>我想补充的是:之前有这样的svg背景 content: '';background-repeat: no-repeat; height: 50px; bac
浏览 7提问于2018-07-08得票数 0
回答已采纳
1回答
Firefox刷新故障
javascript、css、performance、firefox、web-deployment
在我的的contact部分，我注意到只有Firefox有一个视觉故障，导致JSFiddle SVG (以及它下面的其他SVG)在刷新时是全尺寸的。即使在缓存之后，它也会这样做。在任何其他浏览器上都不会发生这种情况。你们有没有见过类似的问题？
它似乎在所有其他浏览器上都工作得很好，包括Chrome，Opera，Edge等。我对所有其他浏览器在刷新时的任何闪烁的修复是为.hiddenOnLoad创建第二个类，并给它一个C
浏览 0提问于2018-05-27得票数 0
1回答
未显示在Firefox中的svg
html、css、svg
我的div1中有一个svg文件。在chrome和edge中，一切都很好，但是在Firefox中，svg文件消失了。我发现，如果删除div1 (.div1 {float:left})的浮动，就会在火狐中显示svg，当然，我的设计已经关闭。有小费吗？
编辑:我需要花车:左，所以我的网站布局保持不变。
浏览 2提问于2015-12-07得票数 0
回答已采纳
1回答
当元素是身体的直接子元素时，混合混合模式不能在webkit中工作-浏览器
html、css、webkit、mix-blend-mode
我无法使用fill="#fff"在像chrome或edge这样的webkit浏览器中使用mix-blend-mode: difference在白色背景上显示svg图像。它在firefox中运行得很好。mix-blend-mode: difference; <img class="volume-icon" src='https://svgshare.com&#x
浏览 4提问于2020-02-13得票数 2
回答已采纳
1回答
在Chrome上奇怪的SVG掩码行为
google-chrome、svg、mask
我遇到了一些奇怪的行为，我认为这是一个非常简单的SVG面具： <defs> <rect fill="#BBB" x="0" y="0" width="400"
浏览 2提问于2017-09-13得票数 0
回答已采纳
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
腾讯云开发者
