svg-filters 相关问题

SVG滤镜是一组图像处理图元,可以组合在一起以创建复杂的视觉效果。

Svg stroke issue with filter

我的问题是基于这个绝妙的答案。我听从了建议并将其应用于我的测试用例。我仍然看不到中风。我希望中风始终可见。 //-------...

回答 0 投票 0

svg stroke 不受过滤器影响

我正在将 应用于 svg 元素。但是,在应用时,行程和行程宽度会受到负面影响。 我正在将 <feFlood> 应用于 svg 元素。然而,在应用时,行程和行程宽度会受到负面影响。 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 600"> <defs> <filter id="filt"> <feFlood x="100" y="100" height="200" width="300" flood-color="red" flood-opacity=".5"></feFlood> </filter> </defs> <rect class="bg" x="0" y="0" width="1280" height="600" fill="#EFEFEF"></rect> <rect class="elementRect" x="100" y="100" width="300" height="200" stroke="black" stroke-width="5" filter="url(#filt)"></rect> </svg> 我怎样才能让过滤器只影响elementRect的填充而不影响stroke?

回答 0 投票 0

SVG模糊滤镜在iOS上无法使用 wkwebview

我对使用SVG有些陌生,我遇到了一个问题,在iOS wkwebview上,feGaussianBlur滤镜不能正确渲染。但在安卓和桌面上却能正常工作。我不确定...

回答 1 投票 0

如何用滤镜创建svg线?

我想创建具有以下效果的线条:上面的是用以下方法创建的。

回答 1 投票 1

无缝拼接SVG feTurbulence滤镜

如何使用feTurbulence滤镜或滤镜组合在SVG中创建无缝平铺的噪声?我想要的结果与Gimp的“滤镜/渲染/噪声/固体噪声.......

回答 1 投票 0

无缝平铺的动荡

如何使用feTurbulence滤镜或滤镜组合在SVG中创建无缝平铺的噪声?我想要的结果与Gimp的“滤镜/渲染/噪声/固体噪声.......

回答 1 投票 0


使用SVG滤镜使特定颜色在图像中透明的问题

我发现了一个具有多个滤镜效果的svg滤镜,可以使图像中的特定颜色透明。我创建了具有红色和黑色两种颜色的图像,并且使黑色透明。 ...

回答 1 投票 0

如何在JavaScript中向SVG对象添加过滤器?

我正在尝试使用JavaScript创建feGaussianBlur过滤器并将其添加到SVG矩形,并使用此代码作为参考。我得到一个矩形,但未过滤。我究竟做错了什么?我正在尝试...

回答 2 投票 7

如果与另一个元素重叠,则将SVG元素扩展

我有一个用D3创建的数据图,在其中为每个数据点画了一个圆。当圆重叠时,我想将其稍大一些,以便在多个数据...

回答 1 投票 0

有没有办法在svg持续时间svg动画标签中提供多个值?

我正在尝试对svg执行一些动画操作,但是我无法获得想要的结果,还有什么方法可以在 上添加一个值,然后再添加一个值?

回答 1 投票 0

过滤器内部的动画feDropShadow

我有以下代码,我想在defs @import url(“ https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap”)内为feDropShadow设置动画。 *,* ::之前,* ::之后{...] >>

回答 2 投票 1

触发补间,用于分别悬停在SVG六角形上

我希望仅在您悬停的六边形上触发Tween动画。目前,只有顶部六边形触发围绕六边形的模糊的红色轮廓动画。每个...

回答 1 投票 0

SVG光影3D填充

[我想通过在顶部和左侧BORDER处添加小灯,在底部和右侧BORDER中添加阴影,使svg看起来像3D,就像这样#div1 {background:#ddd; }#...

回答 1 投票 0

svg feComponentTransfer线性函数

SVG feComponentTransfer线性函数无法正常运行。应用于灰度图像的斜率-1和截距1将使图像反转:黑色->白色,白色->黑色,25%...

回答 2 投票 5

按钮CSS内的SVG颜色更改

我无法通过按钮更改SVG的颜色。我希望将鼠标悬停在其中带有SVG的按钮上时SVG颜色发生变化,现在当我将鼠标悬停在内部的SVG图像上时,它才起作用...

回答 1 投票 1

[SVG筛选器使路径在Firefox / Safari / iOS上消失

[好吧,我正在尝试将过滤器应用于SVG路径以使其“发光”,我已经使其在chrome中可以正常工作,但在Safari / firefox中似乎不起作用。我在另一个SVG中将过滤器定义为...

回答 1 投票 0

[SVG瓷砖间隙仅在Chrome上

我遇到了SVG磁贴的问题,当调整SVG的大小时出现间隙,JSFiddle svg {轮廓:1像素纯红色;宽度:500像素;高度:350像素; }

回答 1 投票 0

如何使用倾斜文本创建倾斜的SVG图像

我正在尝试用倾斜文本在svg中创建倾斜图像,如下图所示。我试图创建相同的格式,但无法创建与整体文本显示相同的设计,可以...

回答 1 投票 0

SVG填充图形及其不同颜色的底片

我无法在svg图像中创建临时对象。我需要随着进度的增加(0〜100%或0〜1)来填充图形,但也需要填充图形路径的负数。让我用一些...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.