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

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

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

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

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

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

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

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

Сирийская карта

Апрель 8, 2017 г.

Вчера, пока шли от бабушки, Рита рассуждала о политике. А еще она нарисовала страны. На общем рисунке каждая из них была занята своим делом, только не было США, которую Рита грозилась нарисовать в клетке. Просто так ребенок не будет рисовать страны ...

Читать

Base Auth в PHP

Ноябрь 17, 2022 г.

Рассмотрим здесь вариации с выполнением base auth. Как оказывается из опыта работы с некоторыми API, они не являются эквивалентными. И одна форма запроса может не работать, в то время как другая будет выполняться. Задача следующая - получить содержимое ...

Читать

Особое мнение

Апрель 13, 2016 г.

Обратился к нам один предприниматель. Занимается он разными вещами, так что даже и перечислить связно в рамках одного предложения нельзя. С чего начать? ...

Читать

Эффект размытия в центре экрана в skyrim

Декабрь 12, 2024 г.

Забаговался эффект размытия экрана после наложенных чар. Перезагрузки не помогли, пришлось искать решение через консоль. Играю в сборку RFAD, и в двемерских руинах после боя с очередной партией двемерских стражей остался этот эффект размытия. ...

Читать
 

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

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



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