我添加了带有feGaussianBlur的滤镜到SVG circle，它在Chrome上的效果很不错，不过这个圆圈在Safari上就消失了。 ? ? "sRGB" y="-50%" height="200%&
浏览 21提问于2020-10-16得票数 1
回答已采纳
今天我发现，尽管它过去运行良好，但应用程序中的SVG地图不再显示在移动Safari (iOS 9.3.1)或桌面Safari (v9.1 (11601.5.17.1) )上。我提取了SVG和一个单一的样式规则，并将它们放在CodePen上来说明发生了什么。在Chrome里，这支笔看起来会很好。在Safari，它将是完全空白的。如果您检查Safari中的DOM，您会发现路径在那里，并且它们是正确的形状
浏览 0提问于2016-04-18得票数 16
回答已采纳
我正在使用svg过滤器在垂直堆叠的三个圆圈之间创建一个“粘性”混合。在Chrome/Firefox (减去一些平滑效果)中，我得到了想要的效果。在Safari中，我得到了一些非常起伏和丑陋的东西。<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs&
浏览 0提问于2016-09-01得票数 2
1回答
我有一个带有模糊效果的SVG动画图像。模糊将添加到最外层的组中，我使用的是标准过滤器： <feGaussianBlur in="SourceGraphic" stdDeviation="5" color-interpolation-filters="sRGB" />显然，对于浏览器中的全窗口动画图像来说，这是昂贵的.<em
浏览 2提问于2016-12-09得票数 2
回答已采纳
2回答
使用svg瓜西模糊滤波器进行跨浏览器图像模糊处理。总的来说，它的工作非常好，除了Safari的情况。这里还有正在使用的svg代码：
&l
浏览 14提问于2014-06-18得票数 4
回答已采纳
我使用下面的svg过滤器，并使用feGaussianBlur和feColorMatrix分两个步骤展开过滤器。这在Chrome中呈现得很完美，但在Safari和移动浏览器中，我看到了奇怪的手工艺品。<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> id=&quo
浏览 1提问于2020-01-15得票数 0
1回答
我有一个带有交互式SVG的页面，它在所有浏览器(Firefox，Chrome，甚至IE/Edge)上看起来都很好，除了Safari，在Safari中，所有受SVG过滤器影响的东西都变成了模糊的混合体(看起来像是在一个低分辨率的画布上呈现的东西下面是一个小测试案例，其中也出现了问题：<svg> <filter id="f
浏览 9提问于2017-12-22得票数 3
回答已采纳
我有一个分区，其中有一个SVG作为背景图像，我试图设置一个下降阴影过滤器到它。它在Chrome和Safari中工作，但由于某种原因，它在Safari中非常小。我试着改变了一些东西，但没有结果。可能是因为SVG。或者是Mac的视网膜屏幕？但我在同一屏幕上查看两种浏览器。到目前为止，我认为这只是Safari的一个问题。铬Safari这里有一个jsFiddle：
<div
浏览 1提问于2013-11-15得票数 2
回答已采纳
我使用SVG过滤器
见下面的例子。我最喜欢第三圈。但是，它是通过在彼此之上添加多个圆圈来创建的。<
浏览 1提问于2019-08-18得票数 0
回答已采纳
我使用下面的SVG过滤器代替filter: blur(#px);已经有一段时间了，因为我需要一个模糊，它覆盖元素的边缘到边缘，而不是通常的下降。它在桌面和Android上的Chrome上运行得都很好。
另一方面，Safari webkit也有各种各样的问题。id="ultraBlur" width="150%" height="150%" x="-25%" y="-25%"
浏览 0提问于2018-02-17得票数 3
回答已采纳
我正在使用一个蒙版从我的SVG形状中切出一个圆圈。我想要一个带有羽毛边缘的聚光灯效果，所以我在Firefox和Chrome中使用高斯模糊滤镜来实现这一点，但由于某些原因，我无法让Safari渲染滤镜。我读到过Webkit通常需要设置一个标志来启用SVG过滤器。会是这样吗？">
<feGaussianBlur result="blur_alpha_blur" in="SourceAlpha" s
浏览 0提问于2011-08-30得票数 1
回答已采纳
2回答
我通过向它应用svg feColorMatrix来使用css筛选器属性。它在Firefox和Chrome上运行得很好。但它不适用于狩猎旅行。我一直在玩价值，缩进，供应商前缀，并未能成功地应用我的过滤器在safari。我的svg过滤器和视频元素：
<svg class="defs-onl
浏览 0提问于2018-04-13得票数 0
回答已采纳
情况是我有一个内联SVG，由 Grunticon 并插入到DOM中。它是白色的，背景是灰色的，带有阴影。我对阴影使用了以下CSS： svg { filter: drop-shadow(1px 1px 0#141414);
} 这在Chrome、Opera、火狐和其他我测试过的浏览器上都运行得很好，除了iOS和桌面上的Safari。CSS过滤器使SVG
浏览 56提问于2016-04-04得票数 11
回答已采纳
我想使用聚光灯效应，但它似乎只在Chrome中工作，在Firefox中看起来“很好”，但不会在Safari中定位(x，y，z)。为了了解正在发生的事情，我尝试了许多解决方法，包括不同的userSpaceOnUse/objectBoundingBox组合，以及不同的svg结构，但从未找到一个在Safari上工作的解决方案。示例objectBoundingBox单位：
一张图片也值1000字(Safar
浏览 0提问于2017-07-03得票数 3
回答已采纳
1回答
我发现Safari & iOS Safari浏览器由于某些原因不能/不显示SVG阴影(过滤器)。至少对我自己来说，阴影不会只显示在Safari iOS和Safari桌面上，它可以在chrome和firefox中工作。
有没有一种方法可以让SVG元素在Safari iOS中显示阴影？这就是为什么我要使用SVG元素。问题是由于某种原因，SVG
浏览 1提问于2012-01-20得票数 4
我使用的是svg <pattern>和引用<filter>的<image>。我的图像将缩小到适合使用preserveAspectRatio。它在Chrome和Edge上可以正常工作，但是在火狐上，<filter>标记会导致图像被意外地裁剪。为了避免这个问题，我尝试了许多不同的定义坐标的方法，但是到目前为止还没有找到解决方案。奇怪的是，我刚刚意识到，如果我把我的屏幕缩放到150%，从100%在Windows显示设置，问题<e
浏览 0提问于2019-08-05得票数 0
1回答
我有一个具有背景图像的元素集合，在它们上有一个SVG过滤器，使背景图像变成灰色。我需要它，这样当你悬停在那个元素上时，SVG过滤器就会变得透明，这样原来的彩色图像就会显示出来。下面是CSS： background-position: center;
filter: url(/dist/filter.svg#duotone_bluetan图像必须是背景图像，我需要以某种方式完成SVG<e
浏览 2提问于2019-03-06得票数 0
回答已采纳
首先，我使用了一个非常简单的svg过滤器：<filter id="blur">
<feGaussianBlur，而是添加了另一个属性，剩下的是<feGaussianBlur stdDeviation="0"
浏览 5提问于2013-10-02得票数 8
回答已采纳
为什么将svg viewBox设置为0 0 1 1会导致过滤器消失？我还试着使用x、y、height和width属性，以及更改primitiveUnits属性，但没有什么效果。svg { height: 100px;}
fill: black;<html>
<svg viewBox="0 0 1
浏览 4提问于2022-03-07得票数 0
回答已采纳
此Codepen显示了一个发光的红色SVG路径。="translate(412,150)"> <filter id="glow">
<fegaussianblurclass="blur" result="coloredBlur" stddeviation="4"></fegaussianblur>
浏览 11提问于2021-04-18得票数 2
回答已采纳
云服务器
ICP备案
对象存储
腾讯会议
云直播
腾讯云开发者
