JavaScript:Библиотеки/p5.dom/Класс p5.Element/position(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
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"> | ||
position([x], [y]) | position([x], [y]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
x – позиция X относительно левого верхнего угла окна. Тип данных – number | x – позиция X относительно левого верхнего угла окна. Тип данных – number | ||
y – позиция Y относительно левого верхнего угла окна. Тип данных – number | y – позиция Y относительно левого верхнего угла окна. Тип данных – number | ||
| Строка 33: | Строка 33: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Тип данных – объект, p5.Element. | Тип данных – объект, p5.Element. | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 39: | Строка 39: | ||
==Пример== | ==Пример== | ||
<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 cnv = createCanvas(100, 100); | var cnv = createCanvas(100, 100); | ||
Текущая версия от 06:52, 24 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
|
Черновик |
position() [1]
Описание
Задает позицию элемента относительно координат (0,0) окна (т.е. левого верхнего угла окна). По сути, оперирует свойствами position (и задает в нем значение absolute, что значит «абсолютное позиционирование»), left и top DOM-объекта Style. Если параметров не задано, возвращает XY-координаты элемента в объекте.
Чтобы воспользоваться этой функцией, нужно подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
position([x], [y])
Параметры
x – позиция X относительно левого верхнего угла окна. Тип данных – number
y – позиция Y относительно левого верхнего угла окна. Тип данных – number
Возвращаемое значение
Тип данных – объект, p5.Element.
Пример
function setup() {
var cnv = createCanvas(100, 100);
// размещает холст в 50 пикселях правее
// и в 100 пикселях ниже левого верхнего угла окна:
cnv.position(50, 100);
}
