svg -滤镜背景色应用于路径

文章/答案/技术大牛

发布

1回答

html、css、svg、svg-filters

我正在尝试复制我已经在CSS中为SVG元素的类所做的事情。 </fil

浏览 6提问于2018-02-07得票数 0

2回答

ie 9中svg过滤器的替代选项

internet-explorer、svg

最近，我开始做一些svg的工作，偶然发现了svg过滤器的想法。然而，很快我意识到ie9并不支持这个功能。有没有人知道我可以应用什么后备技术，使我的视觉效果与svg滤镜支持的效果相似？基本上，我希望将滤镜应用于路径元素，如投影、模糊等。我想我可以用css3来做这件事，但是似乎CSS3并不完全适用于svg元素

浏览 6提问于2013-05-11得票数 0

3回答

如何使用svg滤镜与拉斐尔js？

svg、raphael

我想知道，我应该使用哪些技术来将svg滤镜应用于拉斐尔路径？我知道拉斐尔试图与IE尽可能多地跨浏览器，但我想知道是否有一种方法可以使用javascript添加过滤器。

浏览 0提问于2011-06-27得票数 5

回答已采纳

1回答

如何使用SVG滤镜创建透明度渐变蒙版

css、svg、svg-filters

我目前正在使用SVG渐变来为路径应用淡出效果。这允许路径在x0处以100%不透明度开始，并在x1处逐渐淡出到0%，无论它应用到的特定路径是什么：<svg> 当应用于上述路径的笔划样式时，这一点非常有效。我想要的是使用我想要的任何颜色设置笔划样式，然后将渐变应用到笔划不透明度或应用SVG滤镜来创建

浏览 0提问于2014-02-07得票数 11

回答已采纳

1回答

SVG filter在带有userSpaceOnUse和大过滤区域的路径上，我的路径仍然会被裁剪

svg、svg-filters

我正在使用一个SVG过滤器，我想在路径上使用它。因为我的路径可以是直线，所以我使用userSpaceOnUse作为过滤器单元。为了确保路径不会被裁剪，我要确保我的滤镜区域足够大。 <svg width="200px" height="200px" viewbox="0 0 200 200"> <filter filterUnits="userSpaceOnUse

浏览 26提问于2020-01-14得票数 0

回答已采纳

1回答

有没有一种方法可以根据img元素内部的图像来塑造其边缘？

javascript、html、css

有没有办法解决这个问题，要么改变元素以适合图像，要么只用CSS滤镜改变某些颜色？任何帮助都将不胜感激。之前：Before 之后：After 如果可能的话，我们想要的结果是去掉那奇怪的棕色。/res/Word.svg" alt=""></button> CSS： .wordImg {} .button {

浏览 17提问于2020-11-07得票数 1

1回答

仅当应用滤镜时，SVG元素才会在视网膜上像素化

svg、retina-display、svg-filters

如果我对SVG path元素应用滤镜，它会意外地在视网膜屏幕上出现像素化。没有滤镜，它看起来很好很平滑。 ? 我使用高斯模糊和颜色矩阵： <filter id="svg-filter-rounded-corners" x="-50%" y="-50%" width="200%" height="200%">左边的圆圈有滤镜，右边的圆圈没有。 <svg xmlns=

浏览 14提问于2021-01-08得票数 0

回答已采纳

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"> <feTurbulence baseFrequencyscale="35" xChanne

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

3回答

IE中的文本-阴影

html、css

我发现了一篇关于在IE中创建文本阴影的Stackoverflow文章：现在我尝试了所有的“过滤器”解决方案，在IE9中，文本呈现得很糟糕(虽然阴影显示，但文本像素化严重...)。谢谢

浏览 0提问于2012-07-27得票数 1

回答已采纳

1回答

直线路径上的SVG倒角效果

svg、inkscape、svg-filters

我部分成功了，然而，当路径是一条直线时，路径就消失了。我不确定为什么过滤器会这样做。它看起来像是有某种边界框的路径，当它是一条紧凑线时，它会剪切画布，我试图通过移动线的起始节点来显示它。 xmlns:osb="http://www.openswatchbook.orghttp://creative

浏览 0提问于2015-04-18得票数 4

1回答

为什么在feDeformationMap中只能使用SourceGraphic作为in2？

svg、svg-filters

例如，在下面的示例中，我必须定义圆，然后将过滤器应用于圆。在滤镜中，我使用feImage加载小猫图像。但这对我来说是相反的。这是可行的： <svg> <filter id="displace"> <feImage href="https://placekitten.com/500/500> 正如您所看到的，将置换应用于图像的一小部分是非常痛苦的，因为您必须首先自

浏览 19提问于2021-04-03得票数 1

1回答

彩色<div>中的Svg图像:如何将混合混合模式应用于HTML背景颜色？

html、svg、mix-blend-mode

我有一个在特定元素上定义了mix-blend-mode样式的SVG文件。混合可以正确地应用于SVG中的其他元素，但不能应用于包含HTML的<div>背景色。<!100px; }</head> <main> <svgxmlns=&q

浏览 10提问于2021-05-27得票数 0

1回答

CSS (Firefox) -如何使用背景滤镜和剪辑路径？

html、css、firefox

我试图通过在整个页面上应用带有背景滤镜的固定div，然后使用clip-path剪切div形状来获得此效果。}<div id="front"></div>此代码在chrome中运行良好："front“div放在"back”div上，并将其背景滤镜应用于其中的可见部分如果在firefox (v89.0.1)上运行，剪辑路径将剪切

浏览 2提问于2021-06-23得票数 0

2回答

如何将feTurbulence滤波器应用于矢量图形中的圆形

svg、svg-filters

我有以下SVG代码：我得到了我想要的大部分东西

浏览 3提问于2012-01-25得票数 5

回答已采纳

2回答

React native:推荐使用PNG或SVG图像吗？

image、react-native、svg

我正在做一个原生react项目，我有超过30个SVG格式的图标。我想知道是建议将这些图像转换为PNG，还是更好地将其用作SVG文件。如果使用图像作为SVG更好，那么在react原生上显示SVG文件的最佳方式是什么？

浏览 25提问于2019-08-01得票数 5

回答已采纳

2回答

Fabricjs:当我应用和重新应用图像滤镜时，图像质量下降

javascript、image、canvas、fabricjs

我已经使用fabricjs在我的图像中应用了反转，灰度和其他滤镜，图像质量将会下降，然后。请看下面的代码，如果代码有任何问题，请让我知道。我使用图像(img)作为填充矩形的模式。

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

3回答

使用不透明度模糊div背景(页面背景似乎通过div模糊)

javascript、jquery、html、css

我的计划是采用Windows7UI，并使用CSS3重新创建它。我已经在98主题中做到了这一点，但我希望能够更改样式表。这很难解释，但我会给它一些最小的功能(可拖动，可调整大小等)，所以我不能做两个后台黑客。示例

浏览 8提问于2011-03-30得票数 2

回答已采纳

1回答

feComposite SVG滤镜元素动画

css、animation、svg、composite、porter-duff

我有两个svg形状，一个在另一个的顶部，并且我在这两个形状上都应用了feComposite滤镜，以便顶部形状挖出底部形状的一部分。代码如下所示，运行良好。<svg width="100" height="100"> <filter id="myfilter"> <feImage xlink:href=id="layer2" class="small"

浏览 21提问于2019-08-30得票数 1

回答已采纳

1回答

可以将混合模式应用于css/javascript/canvas中的文本吗？

javascript、jquery、css、canvas

我更喜欢纯粹的CSS，后退到Javascript。如果根本不可能，我如何使用画布标签来应用这种效果？如果是这样，有没有可能在Mozilla上工作？

浏览 1提问于2014-04-07得票数 2

1回答

使用css3设置svg元素的样式

html、css、svg

我完成了html5/css3部分，只剩下几个svg元素了。问题是我对应用程序有不同的主题，所以我不确定如何设置这些svg元素的样式，使它们随着主题的变化而变化。我猜一种方法是为每个主题制作不同的.svg文件，但是有没有办法只使用css就给出一个svg元素(它可以包含在html文件中，它不一定是外部文件)，边框，渐变，阴影等等？

浏览 0提问于2011-12-07得票数 4

点击加载更多