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

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску

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


Черновик


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);
}

См.также

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

  1. ↑ p5js.org - createSlider()
Источник — http://wikihandbk.com/ruwiki/index.php?title=JavaScript:Библиотеки/p5.dom/createSlider()&oldid=7672894