Question

我想检测浏览器是否支持元素的SVG模糊。我找到了一个script来做CSS过滤器（）模糊，但我也想检测浏览器是否支持SVG高斯模糊。

我找到了一个检测SVG模糊的脚本，但它在IE10 / IE11上返回true，即使它没有模糊HTML元素。我使用Vague.js来模糊元素。

svgBlur = function() {
    var svgBlur = document.createElementNS('http://www.w3.org/2000/svg', 'feGaussianBlur');
    svgBlur.setAttribute('stdDeviation', '2');
    return (typeof svgBlur.setStdDeviation !== 'undefined');
}();

是否有可靠的方法来检测元素的SVG模糊，因此我可以成功创建回退？

Answer 1

如果要以编程方式检测它，则需要做三件事：

手动拍摄参考截图
以编程方式拍摄实时屏幕截图
以编程方式比较两者

以下是一些资源：

SVG高斯模糊特征检测

1 个答案: