Knob.js: библиотека Javascript для виртуальных ручек Multitouch
Knob.js позволяет легко включать мультитач-виртуальные ручки в ваше веб-приложение. Это делает тяжелую работу для таких вещей, как:
- Минимальный / максимальный угол и значение ограничения.
- Выяснение положения и угла точки индикатора.
- Выполнение математических операций для отображения пользовательских визуализированных ручек с использованием спрайтов изображений.
Knob.js является чисто логическим компонентом — вместо того, чтобы рисовать или перемещать объекты, он только сокращает числа и возвращает положения и углы. Это означает, что вы можете визуализировать свои виртуальные ручки, используя CSS,
Загрузите knob.js отсюда .
Полный пример:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
< HTML >
< ГОЛОВА >
< TITLE > Crunchify — JQuery ручка Пример < / TITLE >
тело {
фоновое изображение :
url ( 'https://cdn.crunchify.com/wp-content/uploads/2013/03/Crunchify.bg_.300.png' ) ;
}
src = http://code.jquery.com/jquery-1.10.1.min.js >
<скрипт>
функция knobfunction (значение1) {
$ ( '.dial' )
, val ( значение1 )
, триггер ( «изменить» ) ;
}
$ ( документ ) . готов (
функция ( ) {
setInterval ( function ( ) {
вар случайный номер знак равно Математика круглые (Мат. случайным образом () * 100 ) ;
функция кнопки ( randomnumber ) ;
} , 3000 ) ;
} ) ;
< / HEAD >
< ТЕЛО >
<Бр>
< div id = show выровнять = центр > < / div >
< div align = center >
< input type = text class = dial > <Бр> <бр>
< div
style = font-family: verdana; отступ: 10px; border-radius: 10px; border: 3px solid # EE872A; ширина: 50%; размер шрифта: 12px; >
jQuery Knob Пример по < а
href = 'https://crunchify.com' > Crunchify < / a > . Нажмите < а
href = 'https://crunchify.com/category/java-tutorials/' > здесь < / a >
за вся Java , Spring MVC , Примеры веб- разработки . <Бр>
< / div >
< / div >
<скрипт>
$ ( .dial ) . ручка ( {
'менять' : функция ( v ) { консоль. log ( v ) ; }
} ) ;
< / BODY >
< / HTML >
|
ресурс: Knob.js
0.00 (0%) 0 votes
