СКРИПТЫ
ТЕГИ:
php (322)
js (242)
html (146)
css (127)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
fonts (30)
online (27)
link (26)
Показать еще :
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
input (18)
hosting (18)
svg (18)
php date (17)
board (16)
php time (16)
html book (16)
color (15)
js events (14)
js url (14)
js time (14)
img (13)
htaccess (13)
osclass (13)
info (13)
notepad (13)
select (13)
php path (12)
keyboard (12)
table (12)
знак (12)
php img (12)
dw block (12)
download (12)
jsphp (11)
form (11)
icon (11)
yandex (10)
js delete (10)
mouse (10)
hover (9)
dosite (8)
php url (7)
browser (7)
cookie (7)
comment (7)
php get (6)
iframe (6)
list (6)
canvas (6)
mysql (6)
click (6)
tag a (5)
adminka (5)
value (5)
reg.ru (5)
search (5)
js math (5)
mb (5)
chart (5)
ftp (5)
year (5)
heading (5)
js id (5)
нок (4)
php var (4)
xml (4)
scandir (4)
ssl (4)
week (4)
day (4)
base64 (4)
bbcode (4)
js form (4)
task (4)
month (4)
console (4)
symbols (4)
pages (4)
vk (4)
submit (4)
https (3)
numbers (3)
js post (3)
js hash (3)
money (3)
vs code (3)
domen (3)
куб (3)
line (3)
captcha (3)
ucoz (3)
padding (3)
js img (3)
js vars (2)
рся (2)
youtube (2)
video (2)
sitemap (2)
tag hr (2)
prompt (2)
arrows (2)
details (2)
seo (2)
height (2)
google (2)
qr kod (2)
counter (2)
typeof (2)
speed (1)
rutube (1)
windows (1)
game (1)
header (1)
smile (1)
archive (1)
cursor (1)
jino (1)
scroll (1)
нод (1)

Используем data:image как картинку.

"data:image" - как использовать? Примеры data:image + использование data:image в background.

Подробно о data:image

  1. Используем data:image как картинку png
  2. background data:image и svg

  1. Используем data:image как картинку png

    Для того, чтобы использовать data:image и картинку png вам понадобится:

    Найти картинку, которую требуется использовать в "data:image" возьме вот эту:

    Используем data:image как картинку png

    Далее конвертируем эту картинку в base64

    Что получим после конвертации изображения в base64 на PHP

    После конвертации изображения в base64 на PHP вы получите... строку типа:

    iVBORw0KGgoAAAANSUhEUgAAAUoAAABt подробнее...
    Не стал выкладывать весь код... скрыл его под "cut" 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

    Помещаем данны, полученный код в тег "img"

    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA..... rkJggg==">

    Пример использования data:image как картинку png

    Далее... приведенный код "data:image" разместим прямо здесь:
    Пример использования data:image как картинку png


  2. background data:image и svg

    Не обязательно "data:image" напрямую использовать в теге "img" - можно использовать как "background" - для этого вам понадобится:

    Какой-то элемент - пусть это будет div.

    Добавим ему class и у вас получится:

    <div class=data_image_svg></div>

    Добавим стилей и в том числе и

    background-image: url(data:image/svg

    И у вас должно получиться что-то типа:

    <style>
    .data_image_svg {
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20x.....3C/svg%3E);
    }
    </style>

    Пример использования data:image как background

    Далее приведенный выше код разметим прямо здесь:

Можете не благодарить, лучше помогите!
Теги :
data image
data image base
data image png
data image png base
data image html
data sets images
data image jpg
img data image
data image src
data image jpeg
data image svg
data image jpeg base
img src data image
data image svg xml
data image jpeg base j
background image data
data image jpeg base j aaqskzjrgabaqaaaqabaad
src data image png
background url data image
img src data image png
img class data image src
Еще никто не прокомментировал! COMMENTS+   BBcode
Подписаться + =

dwweb.ru есть здесь:
Последние комментарии :
Марат :
14.03.2023 21:07
Так... это когда было то... в 2018 году... мне не нравится(не нравилось), как поиск по файлам... как-то коряво было…
подробнее.
Moubrey :
14.03.2023 20:52
Их там два можно поставить, еще и по бокам, а в них еще друге окна станут вкладками, обычный проводник и…
подробнее.
Марат :
26.02.2023 12:20
Спасибо за внимательность!
подробнее.
V :
26.02.2023 11:49
В массиве месяцев пропущен октябрь!
подробнее.
Марат :
02.02.2023 10:48
Я не знаю, что это ... Такое понятие - "определена"... я не понимаю, что такое... есть такая фигня в Js, там, бывают…
подробнее.
Артур :
02.02.2023 06:51
При копировании всего кода из 3 главы "Вывод всех файлов из папки ссылками на них", при выполнении скрипта…
подробнее.
ruweb
Страница загружена за : 0.022746 секунд. Подробнее