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

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

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

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

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

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

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

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

Создание экземпляра класса по его имени

Март 14, 2023 г.

Получение доступа к классу в режиме рантайм добавляет известной гибкости. Одна из типичных задач - создание экземпляра класса по его имени. В котлин это делается вот так: [crayon-6a5f4440dada5161911812/] Есть несколько нюансов/рекомендаций. ...

Читать

Единицы размеров в CSS, отличия между REM, EM, PX и т.п.

Июль 15, 2025 г.

В CSS размеры можно задавать с помощью разных единиц измерения: rem, em, px, % и другие. Разберём ключевые различия между rem, em и прочими. EM - размер относительно размера шрифта родителя [crayon-6a5f4440db02d087740970/] 2em внутри .child ...

Читать

Определение лунной фазы

Ноябрь 30, 2015 г.

Луна всегда носила ореол загадки и мистики. А я недавно заинтересовался элементами астрономических расчетов. И как то эти два факта совпали :) Что ...

Читать

Учитывается ли в вычет доходов при УСНО оплата 1% в ПФР с суммы свыше 300000 р?

Март 14, 2016 г.

Долго разбирался с этим вопросом, т.к. сам плачу налоги по УСН. На разных сайтах якобы юристы и бухгалтеры говорили прямо противоположные вещи. Законы у нас обладают мутными формулировками, их сложно понять и правильно применить. Давайте разбираться. ...

Читать
 

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

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



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