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

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

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

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

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

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

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

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

Короли Ринга вКонтакте

Февраль 1, 2015 г.

Бойцовских клубов я видал не мало... Что можно сказать об этом представителе данного жанра? Имеются перекосы в балансе, но вполне играбельно. Друзья ...

Читать

Налоговая декларация для УСН (упрощенки) за 2015 г.

Март 13, 2016 г.

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

Читать

Пример кода переключения между базами в Drupal 9

Август 22, 2021 г.

Когда требуется подключиться и подтянуть данные из не основной базы, то нужно сначала задать свойства нового подключения, подключиться, выполнить запрос, а затем вернуть настройки в исходное состояние. Рассмотрим примеры кода, которые демонстрируют как ...

Читать

Молярная масса, расчет по формуле вещества

Декабрь 21, 2016 г.

Молярная масса вещества складывает из суммы молярных масс атомов, входящих в химическую формулу. Атомные молярные массы - это константы, значения которых можно узнать в химическом справочнике (иногда атомные массы пишут прямо в периодической таблице элементов). ...

Читать
 

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

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



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