svg-filters相关内容
我正在尝试使用svg获得粘糊糊的效果.Chrome的功能还不错,但在Safari& amp;上看起来很奇怪iOS.示例如下: https://codepen.io/rubenhak/project/editor/ZoBENL 在Chrome上的外观: 问题是,当一个圆圈太远,太小或丢失时,另一个圆圈凸出.在chrome上,这都不是问题. 代码:
..
为什么此SVG中的网格无法填充整个256x256空间?无论我将其更改为什么大小,大约都会割掉15%的网格,在我的代码上下文中,这似乎是任意的.
..
我将如何创建svg过滤器以将所有半透明像素映射到不透明像素?所有透明像素应保持透明. 我正在尝试创建形状遮罩,但是需要遮罩的边缘完全不透明.否则,使用口罩时会留下光环.这是我尝试使用此SVG过滤器删除的光环的示例: https://codepen.io/jedierikb/pen/yGYqKK 此处的答案做类似的事情-使用feComponentTransfer将所有半透明像素设置为透明
..
我目前处于学习和实现SVG的阶段,偶然发现了一个“阴影"问题,其中似乎无法设置要在px值中分配的阴影. 例如:
..
我为我的个人网站创建了一个动画,它可以在Chrome和Firefox中正常运行,并且我也不在乎IE,但是它不能在Safari上运行,我认为是因为Safari无法识别fill:url( ..)和filter:url(..)(来自单独的CSS文件).这是来自Codepen的实际动画链接: http://codepen.io/GetTurnt/pen/kXREWw 我真的很想知道发生了什么. 这是
..
我在svg中定义了一个模式.我想连续旋转....我无法在该模式定义上应用动画.我对一个符号应用了相同的动画,它可以工作,但是不能在图案上工作……
..
我想知道如何突出显示(更改颜色)SVG路径(甚至是折线)的自重叠区域.实际上,如果我更改路径的不透明度和笔触属性,则自拍区没有颜色变化. 例如,具有以下路径
..
我想对SVG文件应用简单的阴影.因为这确实是我第一次接触SVG滤镜,所以我被困住了,找不到以下问题(可能很简单)的解决方案:为什么feColorMatrix不应用于阴影? 以下是过滤器:
..
我想在使用时更改图案的颜色. 例如,我想在红色的描边圆圈中添加绿色图案.
..
因此,我使用SVG混合功能复制了新的iOS7照片应用程序图标,并在IE10,Chrome 27和Safari 6中看起来不错,但在Firefox中根本不显示.我是否缺少明显的XML咒语? (此外-此代码似乎非常冗长-如果对缩略列表有任何建议,那将是很棒的).
..
我想在我的圈子中放置两个过滤器. (也许更多) 我尝试做: filter="url(#f1);url(#f2)" 并且: filter="url(#f1,#f2)" 并且: filter="url(#f1 #f2)" 但是它们都不起作用.我该如何解决这个问题? 解决方案 您可以在一个滤镜中添加多种效果,但是,如果要堆叠滤镜,请首先对对象进行分组,然后将另
..
我有一个相当简单的设置,我想通过使用svg滤镜来更改svg图像的颜色:
..
使用svg波斯模糊过滤器执行跨浏览器图像模糊处理.总体来说,除了Safari之外,它的运行情况都非常好. 在桌面Safari中,图像模糊但也变亮.在其他任何浏览器中都不会发生这种情况(在Firefox,Chrome,IE9-11和iOS 7中的移动Safari上进行了实际测试). 这是一个展示实时svg过滤器的jsfiddle,以及Safari看到的链接的屏幕截图, http://js
..
我正在为Android上的绘图程序开发svg导出实用程序.我有一个问题,就是后面的模糊超出了形状边界的界限-看起来我需要调整viewBox的大小或增加边距或其他功能.有谁知道最好的方法? 测试文件的网址为此处-由于MIME类型不是在服务器上正确设置,但目前无法重启:(.文件中嵌入了图像和字体,这就是为什么它很大.但是如果将其保存到磁盘,则可以用chrome,ff等打开. 给出了此问题的
..
我正在尝试在上应用,但是我遇到了裁剪对象的问题,不仅是模糊,而且还有原始图像的某些部分(即标记). 所以我尝试增加默认滤镜高度(为120%),但似乎无济于事.
..
下面是在Chrome 22.0.1229.79 Mac上呈现的SVG图像的屏幕截图.原始的svg位于jsfiddle上: http://jsfiddle.net/LGBk5/ 左图是使用SVG的膨胀滤镜和腐蚀滤镜制作的.右图是使用Illustrator的“偏移路径"效果制作的. 左侧有问题:底部的边框变形并且曲线不那么平滑.同时两者的黑色粗边框相同. 我的SVG参数是否错误,或者
..
如何根据百分比填充以下圆圈! http://i.stack.imgur.com/gVAN5.png 谢谢. 解决方案 您可以使用带有Stop-opacity的渐变来完成
..
我有类似以下内容的东西:
..
我正在使用的SVG通过feGaussianBlur过滤器具有阴影. 阴影本身可以正确显示,但是会在顶部和底部边缘被切掉. 像这样: 有问题的SVG是:
..
我有一个带有交互式SVG的页面,该页面在Safari之外的所有浏览器(Firefox,Chrome甚至IE/Edge)上都不错,而Safari受到受其中一个SVG过滤器影响的所有内容都变成模糊糊糊(看起来像是在使用双线性插值放大的低分辨率画布. 现在这里有一个小的测试案例,问题也出现了:
..