JavaScript:Библиотеки/p5.dom/createSlider()

Материал из Онлайн справочника
Версия от 20:33, 21 сентября 2018; Myagkij (обсуждение | вклад)
(разн.) ← Предыдущая версия | Текущая версия (разн.) | Следующая версия → (разн.)
Перейти к навигацииПерейти к поиску

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Черновик


createSlider() [1]

Описание

Создает в DOM ползунок при помощи элемента <input></input>. Чтобы задать экранную длину ползунка, воспользуйтесь функцией size(). Если указан узел контейнера, присоединяется к нему, если не указан – к «телу» (<body>).

Чтобы воспользоваться этой функцией, нужно подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:

<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>

Синтаксис

createSlider(min, max, [value], [step])

Параметры

min    минимальное значение ползунка. Тип данных  number
max    максимальное значение ползунка. Тип данных  number
value  значение ползунка по умолчанию. Тип данных  number
step   размер шага ползунка (если указать в этом параметре «0», ползунок будет перемещаться с минимально возможным шагом). Тип данных  number

Возвращаемое значение

Указатель на p5.Element, хранящий созданный узел. Тип данных  объект, p5.Element.

Пример

№1

var slider;
function setup() {
  slider = createSlider(0, 255, 100);
  slider.position(10, 10);
  slider.style('width', '80px');
}

function draw() {
  var val = slider.value();
  background(val);
}

№2

var slider;
function setup() {
  colorMode(HSB);
  slider = createSlider(0, 360, 60, 0);
  slider.position(10, 10);
  slider.style('width', '80px');
}

function draw() {
  var val = slider.value();
  background(val, 100, 100, 1);
}

См.также

Внешние ссылки