SVG 高斯模糊特征检测

Question

我想检测浏览器是否支持元素的SVG模糊。我确实找到了一个为 CSS filters（） blur 执行此操作的脚本，但我也想检测浏览器是否支持 SVG 高斯模糊。

我找到了一个检测 SVG 模糊的脚本，但它在 IE10/IE11 上返回 true，即使它没有模糊 HTML 元素。我正在使用模糊.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

如果要以编程方式检测它，则需要执行以下三项操作：

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

以下是一些资源：

• 画布差异
• JS-imagediff
• 通往HTML5之路：使用Sikuli自动化视觉测试