JavaScript:Библиотеки/p5.dom/createImg(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
Строка 14: | Строка 14: | ||
Для использования этой функции необходимо подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее: | Для использования этой функции необходимо подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее: | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | <script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 20: | Строка 20: | ||
==Синтаксис== | ==Синтаксис== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
createImg(src, [alt], [successCallback]) | createImg(src, [alt], [successCallback]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
src – URL или путь к источнику изображения. Тип данных – String | src – URL или путь к источнику изображения. Тип данных – String | ||
alt – текст, который будет показан, если изображение не загрузится. Тип данных – String | alt – текст, который будет показан, если изображение не загрузится. Тип данных – String | ||
Строка 34: | Строка 34: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Указатель на p5.Element, содержащий созданный узел. Тип данных – объект, p5.Element | Указатель на p5.Element, содержащий созданный узел. Тип данных – объект, p5.Element | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 40: | Строка 40: | ||
==Пример== | ==Пример== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
createImg('http://p5js.org/img/asterisk-01.png'); | createImg('http://p5js.org/img/asterisk-01.png'); | ||
</syntaxhighlight> | </syntaxhighlight> |
Текущая версия от 18:14, 14 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
Черновик |
createImg() [1]
Описание
Создает в DOM элемент <img>. Параметры служат для указания источника, из которого нужно взять изображение, и текста, который нужно показать, если изображение не загрузится. Если указан узел контейнера, созданный элемент присоединяется к нему, если не указан – присоединяется к «телу» (<body>).
Для использования этой функции необходимо подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
createImg(src, [alt], [successCallback])
Параметры
src – URL или путь к источнику изображения. Тип данных – String
alt – текст, который будет показан, если изображение не загрузится. Тип данных – String
successCallback – функция обратного вызова, которая будет вызвана после загрузки изображения. Тип данных – функция
Возвращаемое значение
Указатель на p5.Element, содержащий созданный узел. Тип данных – объект, p5.Element
Пример
createImg('http://p5js.org/img/asterisk-01.png');