JavaScript:Библиотеки/p5.dom/Класс p5.Element/center(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
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"> | ||
center([align]) | center([align]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
align – ось, по которой нужно отцентрировать элемент. Возможные варианты – vertical (для вертикального центрирования), horizontal (для горизонтального центрирования). Тип данных – String | align – ось, по которой нужно отцентрировать элемент. Возможные варианты – vertical (для вертикального центрирования), horizontal (для горизонтального центрирования). Тип данных – String | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 32: | Строка 32: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Указатель на объект p5.Element. Тип данных – объект, p5.Element. | Указатель на объект p5.Element. Тип данных – объект, p5.Element. | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 38: | Строка 38: | ||
==Пример== | ==Пример== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
function setup() { | function setup() { | ||
var div = createDiv('').size(10, 10); | var div = createDiv('').size(10, 10); | ||
Текущая версия от 18:14, 14 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
|
Черновик |
center() [1]
Описание
Центрирует объект p5.Element вертикально или горизонтально (или по обеим осям сразу) относительно его родительского элемента или <body>, если у него нет родительского элемента. Если параметра задано не будет, элемент будет отцентрирован сразу и вертикально, и горизонтально.
Чтобы использовать эту функцию, необходимо подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
center([align])
Параметры
align – ось, по которой нужно отцентрировать элемент. Возможные варианты – vertical (для вертикального центрирования), horizontal (для горизонтального центрирования). Тип данных – String
Возвращаемое значение
Указатель на объект p5.Element. Тип данных – объект, p5.Element.
Пример
function setup() {
var div = createDiv('').size(10, 10);
div.style('background-color', 'orange');
div.center();
}
