Поддержка raw svg в URL картинки в разных браузерах

Современные браузеры поддерживают так называемый raw формат URL, когда вместо адреса изображения в CSS и даже в HTML <img src=»…» /> можно задать закодированный массив бинарных данных картинки. Требования к формату raw, а вернее отличия в допустимых отклонениях от стандарта требует внимательно тестировать картинку под всеми требуемыми ТЗ браузерами.

Наиболее лояльные к формату кодирования Chrome и Opera (оба на движке chromium). Они рендерят, к примеру, картинку не взирая на пропущенный токен charset перед кодировкой:

и наличие не urlencoded символов в коде.

FF и IE более принципиальны. Для FireFox важно указать токен  charset перед utf8, а для IE придется еще и провести кодирование символов, так чтобы они соответствовали формату URL.

В javascript можно использовать ф-цию encodeURIComponent:

Этот вариант удовлетворит всех.

Мало букафф? Читайте есчо !

Хватит места каждому гению

Ноябрь 3, 2013 г.

С месяц уже участвую в проекте ГенийМеста в качестве, естественно, программиста. В наследство от разработчиков мне достался довольно спорный подход (почти ...

Читать

Перелицовка Евы

Октябрь 14, 2012 г.

Очередная перелицовка Евы. Это уже третий по счету дизайн. За одно переехали с wordpress на drupal. На этот раз мы решили сделать сайт, направленный на ...

Читать

О самопальных движках

Сентябрь 27, 2013 г.

Когда то и я шлепал сайты на своём доморощенном движке, и мне это казалось очень круто. Я занимался своим движком, потому что это было как минимум интересно. ...

Читать

Нейросеть распознаёт изображения на рисунках

Сентябрь 25, 2018 г.

Продолжаю следить за новостями, связанными с развитием нейросетей. Почему это интересно? Я думаю, что одна из следующих технологий, которые качественно ...

Читать
 

Комментарии к «Поддержка raw svg в URL картинки в разных браузерах»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: