为什么我得到的SVG路径和chrome有很大的不同？

文章/答案/技术大牛

发布

1回答

svg

嗨，我有这个SVG路径，它在IE中工作得很好(奇怪)，但在Chrome中只显示了一小行。感谢任何人的帮助！<svg class="svgs" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><pathstyl

浏览 15提问于2020-01-06得票数 0

回答已采纳

1回答

静态SVG与动态SVG

javascript、html、svg

我观察到静态SVG和动态SVG呈现方式截然不同。考虑以下代码片段：这在Chrome和Firefox中呈现如下：<code>B1</code>静态SVG标签很大，而动态SVG很小。但是，如果我更改代码片段，使SVG标记没有viewBox属性，则呈现方式会有很大</

浏览 28提问于2019-04-01得票数 3

回答已采纳

1回答

有没有一种方法可以强迫Firefox定义SVG路径的转换源，以相对于路径本身，而不是SVG？

css、firefox、svg、transform

我试图使用CSS旋转SVG路径，但在Firefox中无法正常工作。在Firefox中，动画工作，但起源相对于SVG，而不是路径本身。我学到了，但为什么呢？为什么SVG路径的行为与其他HTML元素不同？这似乎是违反直觉的。我找到的唯一替代解决方案是使用viewbox的width和height以及

浏览 1提问于2016-07-13得票数 0

回答已采纳

1回答

Svg路径在Chrome和Firefox中给出了不同的bbox值

javascript、svg

我正在使用SVG，今天我遇到了一个奇怪的bug。如您所见，Firefox可以生成更准确的结果。这是jsfiddle链接：-

浏览 0提问于2014-05-05得票数 1

1回答

在做帆布动画时，最佳的FPS是什么？

html、animation、html5-canvas

我使用画布制作一些动画，我使用的是requestAnimationFrame API。animation at 60 fps })(); 在我在网上看到的大多数例子中显然，我可以将其设置为更流畅的动画，但这将给用户带来性能代价。我只是想知道是否有人能告诉我一些好的</em

浏览 1提问于2013-10-18得票数 0

回答已采纳

3回答

Google Maps API :v3图形剪辑/缩放时消失

google-maps、google-chrome、google-maps-api-3、safari

测试链接：如果在Safari或Chrome中查看，会发生一些非常恼人和意想不到的

浏览 4提问于2012-03-07得票数 0

1回答

多个SVG标记中的clipPath

svg、cross-browser

假设您有多个SVG标记，在每个标签中使用相同的ID定义不同的剪辑路径。> Firefox17:两次使用rect剪辑路径。Safari 6:按预期呈现一个rect和一

浏览 2提问于2013-04-09得票数 11

回答已采纳

1回答

鼠标悬停在大型SVG上会导致cpu使用率较高(性能较差)

performance、svg、cpu、cpu-usage、mouseover

我正在分析一个javascript库的性能，它显示了很大的SVG(有很多元素)。在SVG上连续移动鼠标时，会出现高cpu使用率(即使它位于SVG的空白区域) 看着Chrome中的“性能监视器”，我很困惑，因为Chrome似乎不能识别负载来自哪里(参见图像中的灰色区域，这被归类为“其他我最终在Chrome中打开了

浏览 80提问于2021-07-30得票数 0

2回答

如何改变SVG路径的支点？

html、css、svg、path、pivot

我试图旋转我的svg路径，从它的最顶端，但它总是从左上角旋转，无法改变枢轴点。我还试图从transform-origin属性中更改它，但没有成功。这是我的代码： <div> <svg style="width:30px; overflow: visible; margin-left: 200px;

浏览 5提问于2015-07-28得票数 4

回答已采纳

1回答

Chrome扩展资源已被阻止

google-chrome-extension

所以我在我的扩展中使用了SVG精灵，它可以在Firefox中工作，但是Chrome阻止了这个资源，因为它是跨源的。 "web_accessible_resources": [], 我不明白为什么Chrome要屏蔽它。另外，我在<svg>

浏览 3提问于2018-01-23得票数 0

1回答

跨浏览器textPath多行文本水平中心对齐

svg、cross-browser、text-alignment

我希望水平中心对齐超过一行的文本。>然而，在Chrome版本77.0.3865.90中，两行都呈现在左侧。通过使用两个独立的<text>元素，我可以使它在两个浏览器中工作：path { stroke: #000; }<svg width="400" height>(我也尝试在同一个<textPath>父程序中使用两个<text>，但dy

浏览 0提问于2019-09-30得票数 0

回答已采纳

1回答

为多个SVG路径设置动画-性能建议

javascript、svg、inline-svg

我的页面上有几个SVG，可能最多10-15个。然而，在我的页面上，当鼠标移动时，路径会更新(它们会发生很大的变化，但形状仍然是一样的，所以路径不会更大)。我可以注意到，当这种情况发生在移动设备上时，例如Ipad，并且页面上有它们的3+，性能会受到很大的影响。我假设这是因为我的计算得到<

浏览 4提问于2019-08-11得票数 0

1回答

Chrome中的svg dropshadow问题:不是只将阴影添加到图形中，而是将阴影添加到实际容器中

javascript、jquery、css、svg

我试图添加一个高斯投影到一个SVG path，但由于某些原因，这似乎不是很好的工作在Chrome中，而不是只添加阴影的图形，阴影是添加到实际的容器？这个视图在ff中完美吗？如何让它正确工作？

浏览 2提问于2011-08-09得票数 2

回答已采纳

1回答

在现有的、分离的SVG元素上创建d3选择

javascript、svg、d3.js

如果我让d3.js创建SVG元素并将其添加到<body>中，那么事情就会如愿以偿：但是，我已经有了一个SVG元素我希望我的代码更接近于： chart

浏览 3提问于2013-07-06得票数 6

回答已采纳

2回答

为什么doDrop阴影滤镜在Chrome中显示正常，但在firefox/IE中渲染整个路径不可见

svg

我正在动态呈现以下svg<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/s

浏览 3提问于2017-05-08得票数 0

1回答

隐藏部分背景图像

background-image

我有一个带有背景图像的div，其中包括正常状态和悬停状态，所以当您将鼠标悬停在上面时，会显示背景图像的下半部分。我正在制作同一站点的移动版本，我希望随着同一div高度的增长，只显示图像的前半部分。然而，正如目前的情况一样，当div增长时，我显然看到了背景图像的后半部分。关于如何隐藏背景图像的下半部分，同时仍然显示顶部，有什么想法

浏览 1提问于2012-09-23得票数 0

回答已采纳

1回答

这个问题是关于Chrome在使用文件url时抛出跨域错误我使用object标记将一个svg文档嵌入到HTML中，数据属性采用相对路径的形式，在发生onload事件时，我希望使用getSVGDocument我正在使用文件url访问html文件，当调用getSVGDocument时，Chrome给出了一个跨域错误。Chrome实际上嵌入了SVG，但getSVGDocument不返回SVG的</

浏览 0提问于2011-05-19得票数 15

回答已采纳

1回答

D3 Chord图Google

javascript、google-chrome、d3.js、visualization

你好，我的D3和弦图有问题。出于某种原因，它在IE和Firefox中工作得很完美，但是在两个连接的和弦中，它实际上可以交换颜色？我还试着去掉了和弦的颜色，而另一个和弦的和弦是颜色的。有什么理由让它停下来吗？() .outerRadius(r0 + 20); var

浏览 0提问于2015-02-26得票数 1

回答已采纳

1回答

可以将svg图标的颜色更改为我从Wordpress中选择的全局颜色吗？

css、svg

例如，如果我使svg图标为灰色和紫色，当我在wordpress上更改全局配色方案时，是否有可能使其工作，所以如果主配色方案是紫色，并且我将全局颜色从紫色更改为黄色，图标就会变成灰色和黄色，这是可能的吗？SVG‘S是否必须在HTML (php wordpress模板)页面中才能使用CSS呢？谢谢

浏览 0提问于2018-04-30得票数 0

回答已采纳

2回答

修改svg* xlink:href通过敲除attr绑定*

javascript、knockout.js、svg、attr、xlink

我可以通过javascript和jquery修改xlink:href，但是通过剔除attr绑定只修改attr并不有效。这是我的svg定义 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink然后在<e

浏览 12提问于2014-07-28得票数 4

回答已采纳

点击加载更多