Safari的<SVG>过滤器问题

文章/答案/技术大牛

发布

1回答

mobile safari不支持feDisplacementMap svg-filter吗？

css、svg、mobile-safari、svg-filters

我测试了一些feDisplacementMap svg过滤器。它们在macbook上的Safari上显示得很好。但是我的iphone手机上的safari没有显示它们。这是一个例子。<svg id="svgeffects"> <filter class="safari_only" id="liquify">

浏览 39提问于2019-01-15得票数 0

6回答

为什么过滤器(阴影)会导致我的SVG在Safari中消失？

css、svg、safari、mobile-safari、css-filters

今天我发现，尽管它过去运行良好，但应用程序中的SVG地图不再显示在移动Safari (iOS 9.3.1)或桌面Safari (v9.1 (11601.5.17.1) )上。我提取了SVG和一个单一的样式规则，并将它们放在CodePen上来说明发生了什么。在Chrome里，这支笔看起来会很好。在Safari，它将是完全空白的。如果您检查Safari中的DOM，您会发现路径在那里，并且它们是正确的形状

浏览 0提问于2016-04-18得票数 16

回答已采纳

1回答

Safari中遮罩形状上的SVG过滤器不渲染

safari、svg、svg-filters

我正在使用一个蒙版从我的SVG形状中切出一个圆圈。我想要一个带有羽毛边缘的聚光灯效果，所以我在Firefox和Chrome中使用高斯模糊滤镜来实现这一点，但由于某些原因，我无法让Safari渲染滤镜。这可能与它是遮罩定义中的形状有关吗？我读到过Webkit通常需要设置一个标志来启用SVG过滤器。会是这样吗？> 我已经尝试过在同一个SVG中定义过滤器，更改过滤器单元，等等。在Chrome/Firefox

浏览 0提问于2011-08-30得票数 1

回答已采纳

1回答

firefox、svg、safari、svg-filters

我到处寻找这个问题的答案，但我找到的解决方案都没有解决这个问题。 <svg viewBox="0 0 88 88" xmlns="http://www.w3.org&#x

浏览 6提问于2018-01-12得票数 1

回答已采纳

1回答

隐藏部分背景图像

background-image

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

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

回答已采纳

2回答

Safari中的SVG滤镜:未应用x、y、width、height

javascript、html、css、svg、svg-filters

问题：我如何让它在不同的浏览器上一致地工作？<svg class='a'> <filter id='hey'> type='matrix'feMerg

浏览 23提问于2018-06-07得票数 0

回答已采纳

1回答

放大和模糊css中的图像，并响应所有浏览器

javascript、php、jquery、html、css

单击图像时，图像应放大并设置为具有模糊属性的页面的背景。 -o-filter: blur(75px); filter: blur(75px);在这里，我将图像设置为100%的宽度和高度它只适用于Chrome和Opera，不适用于其他常见的浏览器... 给出一些建议

浏览 2提问于2014-08-13得票数 1

2回答

应用iOSand过滤器时，内联SVG在CSS Safari中消失

css、svg、safari

情况是我有一个内联SVG，由 Grunticon 并插入到DOM中。它是白色的，背景是灰色的，带有阴影。我对阴影使用了以下CSS： svg { filter: drop-shadow(1px 1px 0#141414); } 这在Chrome、Opera、火狐和其他我测试过的浏览器上都运行得很好，除了iOS和桌面上的Safari。CSS过滤器使<em

浏览 56提问于2016-04-04得票数 11

回答已采纳

1回答

如果在d3.js中有下拉阴影，svg中svg中的ForeignObject中的复选框不会重新绘制/更新

html、google-chrome、d3.js、svg、safari

问题body defs g icon g icon

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

回答已采纳

2回答

SVGs在Safari中显示模糊

html、svg、safari

我的SVG应该在IE、Firefox和Chrome中显示。然而，在Safari，图像是模糊的外观。下面是我正在做的代码： <img src=&

浏览 0提问于2014-06-26得票数 4

回答已采纳

1回答

SVG过滤器嵌入阴影在Safari中不工作

css、svg、safari、svg-filters

你好，我试图应用这个svg嵌入阴影过滤器到我的div。Chrome运行良好，而Safari则不行。这里是svg过滤器： <feOffset dx="0.00"</feComposite> <feMer

浏览 0提问于2018-03-06得票数 1

4回答

SVG:投影滤镜在移动Safari上像素化SVG

svg、safari、mobile-safari、vector-graphics、svg-filters

我在一个使用img标签嵌入的SVG文件中使用了投影滤镜。在我的MacBook上，它在Safari中看起来很好。然而，在移动Safari中，图形变得非常像素化，失去了所有的锐度。如果未应用滤镜，则SVG渲染效果良好。除了传递过滤器之外，还有什么方法可以解决这个问题吗？

浏览 1提问于2013-02-03得票数 4

回答已采纳

2回答

Webkit和SVG过滤器支持

google-chrome、safari、svg、webkit、svg-filters

我正在尝试获得一个复杂的SVG过滤器，以便在Webkit中生成结果。如下所示，过滤器很拥挤，但是它呈现了一个很好的分形生成的地图，并且在Mozilla中做得很好。我想让Webkit也这么做。说Webkit在夜间构建时支持SVG过滤器，但没有说明它在发布版本上支持多少。我知道过滤器在每个实现上的行为都会有所不同。我想知道的是；有什么东西是我在这里遗漏的，以使Webkit正确地渲

浏览 1提问于2010-09-20得票数 3

回答已采纳

1回答

html5视频在FireFox中的灰度背景

css、html、firefox、html5-video

我正在向网页中添加一个html5视频这个视频的背景在FireFox中是灰色的，但是我在视频标签中添加了海报属性来插入一个图像，但是灰色背景仍然包裹着海报图像，并在它周围显示了一个灰色的帧背景。important；规则到视频标签，但是没有什么改变，我如何能够改变html5视频标签在FireFox中

浏览 4提问于2013-06-21得票数 2

1回答

SVG滤波器“湍流”在safari上表现不佳

html、css、svg、svg-animate、svg-filters

我试图应用svg“湍流”过滤器在我的网站上的图像。问题是，它在FireFox和Chrome上看起来不错：但在野外旅行时看起来很可怕：似乎Safari在把我的形象“分割”成瓷砖..。你知不知道？这是我的密码： <filter id="turbulence" x="0" y="0" width="100%&

浏览 4提问于2022-06-15得票数 2

回答已采纳

2回答

Safari中SVG高斯模糊出乎意料地亮起图像

svg、safari、gaussian、svg-filters

使用svg瓜西模糊滤波器进行跨浏览器图像模糊处理。总的来说，它的工作非常好，除了Safari的情况。在桌面Safari中，图像是模糊的，但它也是亮的。这在任何其他浏览器中都不会发生(在火狐浏览器、Chrome浏览器、IE9-11浏览器和iOS 7中的移动Safari浏览器中进行了真正的测试)。下面是一个演示svg实时过滤器和Safari正在看到的</em

浏览 14提问于2014-06-18得票数 4

回答已采纳

1回答

应用于HTML内容的SVG过滤器在Safari中的作用非常奇怪

css、svg、svg-filters、svg-animate

我试图在文本上使用SVG过滤器(的示例)来模拟某种“水效应”。结果在Chrome和Firefox中是可以接受的，但是Safari的行为很奇怪。* { padding: 0; font-family: sans-serif; font

浏览 0提问于2019-02-08得票数 1

回答已采纳

1回答

SVG元素无法在Safari中显示阴影过滤器

html、safari、svg、webkit、svg-filters

我发现Safari & iOS Safari浏览器由于某些原因不能/不显示SVG阴影(过滤器)。至少对我自己来说，阴影不会只显示在Safari iOS和Safari桌面上，它可以在chrome和firefox中工作。我正在绘制动态箭头，这些箭头可以/将具有不同的维度&am

浏览 1提问于2012-01-20得票数 4

1回答

SVG崩溃Safari

svg、safari、crash、svg-filters

我在一个项目组合()网站上工作，当我通过所有的web浏览器检查它时，我遇到了一个问题。它在chrome上工作得很好，但是当我用Safari检查它时，浏览器一直在刷新页面，直到它肯定崩溃了。我使用SVG来渲染parallepipeds，所以我认为问题出在那里……<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink&quo

浏览 0提问于2013-01-09得票数 0

点击加载更多

mobile safari不支持feDisplacementMap svg-filter吗？

为什么过滤器(阴影)会导致我的SVG在Safari中消失？

Safari中遮罩形状上的SVG过滤器不渲染