Как добавить нижний колонтитул к изображению на JavaScript?

Question

Я хочу добавить нижний колонтитул к изображениям, таким как листовки, нижний колонтитул может быть другим изображением или просто текстом, добавленным для пользователя. Работа будет выглядеть следующим образом image

И я должендобавить текст или другое изображение, например, нижний колонтитул

Answer 1

Это должны быть базовые знания HTML: это можно сделать с помощью вложенных элементов HTML.Например.поместите <img> в <div> и добавьте другие элементы в <div> тоже.Другим подходом будет использование изображения в качестве CSS backgroundImage для <div> и добавление других элементов (div, изображений) в <div> в качестве дочерних элементов (https://www.w3schools.com/tags/tag_div.asp)

. Все эти элементы, конечно, могутbe create в Javascript: https://www.w3schools.com/jsref/met_document_createelement.asp

Чтобы разместить элементы в нужной вам позиции, вам нужно использовать CSS. Посмотрите на позиционирование CSS: https://www.w3schools.com/css/css_positioning.asp