Tag: svg filters

克隆SVG后进行SVG过滤

即时尝试在浏览器中使用SVG。 并有下一个问题！ 我在一些svg元素上使用jquery clone（）。 然后将它附加到窗口。 然后尝试删除克隆元素。 示例代码 window.makeClone = function (){ var cloneSVG = $(‘svg’).clone(); cloneSVG.appendTo(‘body’); } window.removeClone = function (){ $(‘svg:last’).remove(); } 然后发生了神秘的事情。 我用filter。 并且在第二次克隆后 – >删除主svg丢失他的filter。 有一个简单的例子： http ： //jsfiddle.net/4vK47/1/ 不知道如何解决这个问题（

使用模糊滤镜时，Safari呈现错误的颜色

我尝试将模糊滤镜应用于svg elment，但似乎Safari无法正确渲染颜色。 这是我的问题的一个例子： http://jsfiddle.net/6gZ8t/1/ 苹果浏览器： 铬： 颜色是正确的每个brwoser驱动Safari，它更明亮…有谁知道解决这个问题？

Raphael dropshaws插件firefox和歌剧问题在svg路径上

我在尝试基于raphael blur插件的dropshadow.raphael.js插件时遇到了一个奇怪的问题（我尝试使用cssfilter插件，同样的问题）。 我正在画一条Bezier路径并添加了这些阴影： var borderBottomRounded = paper.path(“M150,100C20,200,600,200,400,100”); borderBottomRounded.attr({‘stroke’:’#000000′, ‘stroke-width’:’1′}); borderBottomRounded.dropShadow(1,0,1,0.5); // dropShadow(size, offsetX, offsetY, opacity = 1) 在那里，影子在每个浏览器上运行正常（还没有尝试IE）。 比我画一条直线，像这样的阴影： var borderBottom = paper.path(“M 0,100 L800, 100”); borderBottom.attr({‘stroke’:’#000000′, ‘stroke-width’:’1′}); borderBottom.dropShadow(1,0,1,0.5); $content是我的raphael paper因为我希望它能占据整个宽度。 我无法将viewport用于我正在做的事情。 但是这条路径在Firefox或Opera上消失了 （使用webkit浏览器很好）。 我该如何解决这个问题？ 目前，我只是为Firefox和Opera禁用了这一行的影子，但我正试图找到一种更好的方法来做到这一点…… 查看关于小提琴的实例 。 另一个尝试使用cssfilter插件 。 包括jQuery 1.9.1，Raphael 2.1.0和raphael dropshadowin插件。 编辑 通过使用rect而不是行来修复，因为在应用filter时元素需要具有高度（感谢Robert Longson）： var borderBottom = paper.path(“M 0,100 H800 v1 H0 […]