SVG过滤器使路径在Firefox/Safari/iOS上消失
好的,我正在尝试对SVG路径应用一个过滤器以使其“发光”,我已经在chrome中运行良好,但在Safari/firefox中似乎不起作用 我在另一个SVG中定义了过滤器,因为路径所在的过滤器是由外部库(spool.js)生成的 以下是简化的测试版本:SVG过滤器使路径在Firefox/Safari/iOS上消失,firefox,svg,safari,svg-filters,Firefox,Svg,Safari,Svg Filters,好的,我正在尝试对SVG路径应用一个过滤器以使其“发光”,我已经在chrome中运行良好,但在Safari/firefox中似乎不起作用 我在另一个SVG中定义了过滤器,因为路径所在的过滤器是由外部库(spool.js)生成的 以下是简化的测试版本: --> 删除所有内部x、y、width和height值似乎有效 删除所有内部x、y、width和height值似乎有效 感谢您的帮助,这绝对是一个开始。路径现在显示出来了,它现在在firefox中运行良好,但在safari中,我得到的结果
-->
删除所有内部x、y、width和height值似乎有效
删除所有内部x、y、width和height值似乎有效
感谢您的帮助,这绝对是一个开始。路径现在显示出来了,它现在在firefox中运行良好,但在safari中,我得到的结果是整个路径上出现了巨大的模糊,以至于你可以看到它。当我在safari中运行我的答案时,我觉得还可以。你有没有注意到我也移除了过滤器。它已经过时了,现在只有Safari支持它。是的,就是这样。我将你的答案复制并粘贴到我的测试页面上,它成功了,然后在真实版本中重新实现,并解决了这个问题。没有注意到过滤器的拆卸,已将其拆下,一切正常。我不知道我在用SVG做什么,并使用了一个在线生成器来制作过滤器。问题是您在原始大小中组合了primitiveUnits=“userSpaceOnUse”,然后使用了x=100%等。这100%将被解释为单个用户空间单元(也称为userSpaceOnUse声明导致100%被解释为1)。在一个过滤器中,您不能在原语中混合使用objectBounding Box(称为aka%)和userSpaceOnUse(称为像素)。感谢您的帮助,这绝对是一个开始。路径现在显示出来了,它现在在firefox中运行良好,但在safari中,我得到的结果是整个路径上出现了巨大的模糊,以至于你可以看到它。当我在safari中运行我的答案时,我觉得还可以。你有没有注意到我也移除了过滤器。它已经过时了,现在只有Safari支持它。是的,就是这样。我将你的答案复制并粘贴到我的测试页面上,它成功了,然后在真实版本中重新实现,并解决了这个问题。没有注意到过滤器的拆卸,已将其拆下,一切正常。我不知道我在用SVG做什么,并使用了一个在线生成器来制作过滤器。问题是您在原始大小中组合了primitiveUnits=“userSpaceOnUse”,然后使用了x=100%等。这100%将被解释为单个用户空间单元(也称为userSpaceOnUse声明导致100%被解释为1)。在单个过滤器中,不能在原语中混合使用objectBounding Box(称为aka%)和userSpaceOnUse(称为像素)。