Фильтр полутонов CSS3 на Android

Question

Фильтр полутонов CSS3 на Android

0

Я не могу применить оттенки серого к img в браузере по умолчанию для Android.

Вот мой CSS:

#solutions .grayscale {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

Android 2.3.5

Любая идея о применении оттенков серого к img, которая работает на телефонах Android?

Romain Braun 12 дек. 2013, в 19:53

Источник

Теги:

html

android

css

css3

cross-browser

1 ответ

Ещё вопросы

Chin · Answer 1 · 2014-11-13T20-05-00.000Z

Браузер AOSP и любой WebView до 4.3 не могут использовать эффект фильтра CSS (см. Здесь). Вы также не можете использовать SVG-фильтр, так как это также не поддерживается.

Что вы можете сделать, это использовать библиотеку обработки изображений Javascript, такую как CamanJS