svg-filters相关内容

SVG过滤器,使半透明的像素不透明?

我将如何创建svg过滤器以将所有半透明像素映射到不透明像素?所有透明像素应保持透明. 我正在尝试创建形状遮罩,但是需要遮罩的边缘完全不透明.否则,使用口罩时会留下光环.这是我尝试使用此SVG过滤器删除的光环的示例: https://codepen.io/jedierikb/pen/yGYqKK 此处的答案做类似的事情-使用feComponentTransfer将所有半透明像素设置为透明 ..
发布时间:2020-08-06 07:35:58 其他开发

来自CSS的SVG填充和过滤URL在Safari中不起作用

我为我的个人网站创建了一个动画,它可以在Chrome和Firefox中正常运行,并且我也不在乎IE,但是它不能在Safari上运行,我认为是因为Safari无法识别fill:url( ..)和filter:url(..)(来自单独的CSS文件).这是来自Codepen的实际动画链接: http://codepen.io/GetTurnt/pen/kXREWw 我真的很想知道发生了什么. 这是 ..
发布时间:2020-08-06 07:19:34 前端开发

SVG图案动画

我在svg中定义了一个模式.我想连续旋转....我无法在该模式定义上应用动画.我对一个符号应用了相同的动画,它可以工作,但是不能在图案上工作…… ..
发布时间:2020-08-06 06:53:00 其他开发

自重叠svg路径

我想知道如何突出显示(更改颜色)SVG路径(甚至是折线)的自重叠区域.实际上,如果我更改路径的不透明度和笔触属性,则自拍区没有颜色变化. 例如,具有以下路径 ..
发布时间:2020-08-06 06:49:41 其他开发

SVG中单个对象的多个过滤器

我想在我的圈子中放置两个过滤器. (也许更多) 我尝试做: filter="url(#f1);url(#f2)" 并且: filter="url(#f1,#f2)" 并且: filter="url(#f1 #f2)" 但是它们都不起作用.我该如何解决这个问题? 解决方案 您可以在一个滤镜中添加多种效果,但是,如果要堆叠滤镜,请首先对对象进行分组,然后将另 ..
发布时间:2020-08-06 06:13:03 其他开发

Safari中的SVG高斯模糊会意外使图像变亮

使用svg波斯模糊过滤器执行跨浏览器图像模糊处理.总体来说,除了Safari之外,它的运行情况都非常好. 在桌面Safari中,图像模糊但也变亮.在其他任何浏览器中都不会发生这种情况(在Firefox,Chrome,IE9-11和iOS 7中的移动Safari上进行了实际测试). 这是一个展示实时svg过滤器的jsfiddle,以及Safari看到的链接的屏幕截图, http://js ..
发布时间:2020-08-06 05:31:37 其他开发

边缘的高斯模糊截止

我正在为Android上的绘图程序开发svg导出实用程序.我有一个问题,就是后面的模糊超出了形状边界的界限-看起来我需要调整viewBox的大小或增加边距或其他功能.有谁知道最好的方法? 测试文件的网址为此处-由于MIME类型不是在服务器上正确设置,但目前无法重启:(.文件中嵌入了图像和字体,这就是为什么它很大.但是如果将其保存到磁盘,则可以用chrome,ff等打开. 给出了此问题的 ..
发布时间:2020-08-06 04:58:05 其他开发

SVG膨胀/侵蚀滤镜与Illustrator偏移路径

下面是在Chrome 22.0.1229.79 Mac上呈现的SVG图像的屏幕截图.原始的svg位于jsfiddle上: http://jsfiddle.net/LGBk5/ 左图是使用SVG的膨胀滤镜和腐蚀滤镜制作的.右图是使用Illustrator的“偏移路径"效果制作的. 左侧有问题:底部的边框变形并且曲线不那么平滑.同时两者的黑色粗边框相同. 我的SVG参数是否错误,或者 ..
发布时间:2020-08-06 04:33:53 其他开发