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

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

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

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

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

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

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

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

Главная страница в Drupal

Ноябрь 20, 2015 г.

Главная страница является лицом всего сайта. Обычно она имеет собственное оформление, особенные графические и динамические элементы. Посмотрим как устроена главная страница в Drupal. После установки drupal предлагает в качестве главной страницы ...

Читать

Получить имя текущей темы по дефолту в Drupal

Январь 21, 2019 г.

Theme API к сожалению не даёт прямого метода, чтобы прочитать это значение. Как его получить? Иногда программно нужно установить, что именно видит пользователь на фронт-енд (какую тему использует движок). Необходимость возникает из-за того, ...

Читать

Гений места ушел в консервацию

Март 26, 2017 г.

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

Читать

За гранью этой реальности

Октябрь 15, 2009 г.

Иногда приходят мысли философского толка. Философия всегда начинается с вопросов, на которые сложно дать прямой ответ. Что есть наш материальный мир? Научное знание о происхождении мира, говорит что сначала было ничто, а потом произошел большой взрыв. ...

Читать
 

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

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



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