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

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

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

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

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

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

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

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

Рихтуем вывод полей во flamingo CF7

Апрель 12, 2023 г.

Пользуюсь flamingo для протоколирования отправленных данных через Contact Form 7. Очень не удобно, что ссылки и сохраненные файлы выводятся как plain text. Но, мы это сейчас исправим! Поля flamingo выводит через функцию форматирования, которая ...

Читать

Копирование текста в буфер обмена на js

Март 12, 2024 г.

Есть устаревший способ, с которым можно ознакомиться здесь, а ниже мы рассмотрим рекомендуемый подход. Для работы с буфером обмена был внедрен Clipboard API. Он позволяет не только двунаправленно работать с буфером обмена, но также и обрабатывать ...

Читать

НФ не требуют введения суррогатных ключей?

Июль 12, 2025 г.

Сами по себе нормальные формы (НФ) не требуют введения суррогатных (искусственных) ключей, но на практике их часто используют при нормализации, особенно начиная со 2НФ и 3НФ. Давайте разберём подробнее. Что такое суррогатный ключ? Суррогатный ...

Читать

Время захода и восхода солнца на любой день

Декабрь 30, 2015 г.

Предлагаю узнать время восхода и захода солнца для произвольного дня года. По умолчанию, данные приведены для Екатеринбурга. В форме ниже нужно ввести дату, географические координаты, разницу в часах локального времени (LT) от универсального (UT). ...

Читать
 

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

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



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