Поддержка обнаружения функций для фильтров SVG

Question

Мне нужно, чтобы функция определяла, поддерживает ли браузер фильтры svg (feGaussianBlur, если быть точным).Как мне пройти тестирование для этого?Safari, который не поддерживает фильтр, молча игнорирует фильтр.

Answer 1

Возможно, вы также можете проверить перечисления, доступные на интерфейсах, например:

var supportsfilter = typeof SVGFEColorMatrixElement !== undefined && 
                     SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_SATURATE==2;

Таким образом, вам не придется создавать новые элементы, как в https://stackoverflow.com/a/9767059/109374. Я не проверял, работает ли это так, как ожидается в Safari.

Обновление: Патч представлен модернизру: https://github.com/Modernizr/Modernizr/pull/531

Answer 2

Я создал скрипку http://jsfiddle.net/yxVSe/, которая проверяет наличие свойств GaussianBlur.Скажем, у GaussianBlur есть метод setStdDeviation, мы проверяем наличие этого метода, когда в случае неудачи мы приходим к выводу, что текущий браузер не поддерживает этот фильтр.

Когда эта скрипка проверяется в текстах сафари,красным, а в Firefox он будет зеленым.

Answer 3

Я добавил небольшую модификацию для устаревшей ошибки Android

var supportsfilter = window['SVGFEColorMatrixElement'] !== undefined && SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_SATURATE == 2