@maslick/radiaslider
Advanced tools
Comparing version 1.0.3 to 1.1.0
{ | ||
"name": "@maslick/radiaslider", | ||
"version": "1.0.3", | ||
"version": "1.1.0", | ||
"description": "nice looking canvas-based radial and linear slider", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
# =radiaSlider= | ||
[![npm (scoped)](https://img.shields.io/npm/v/@maslick/radiaslider.svg)](https://www.npmjs.com/package/@maslick/radiaslider) | ||
[![npm bundle size (minified)](https://img.shields.io/badge/minified-6Kb-green.svg)](https://www.npmjs.com/package/@maslick/radiaslider) | ||
[![npm no dependencies](https://img.shields.io/badge/dependencies-none-green.svg)](https://www.npmjs.com/package/@maslick/radiaslider) | ||
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) | ||
@@ -8,6 +10,7 @@ a simple pure JavaScript circular/linear knob-style slider | ||
``` | ||
* works on desktop, mobile and tablets | ||
* minified ~6 Kb | ||
* pure JavaScript (ECMAScript 5.1) | ||
* no dependencies | ||
``` | ||
@@ -19,3 +22,9 @@ | ||
### quickstart | ||
## Demo | ||
[Circular](http://maslick.neocities.org/slider-circular/) / [linear](http://maslick.neocities.org/slider-linear/) | ||
## Quickstart | ||
- create a canvas and the value field | ||
@@ -26,9 +35,10 @@ ``` | ||
``` | ||
#### circular | ||
### Circular slider | ||
- import js | ||
``` | ||
```js | ||
<script src="slider-circular.min.js"></script> | ||
``` | ||
- initialize a slider | ||
``` | ||
```js | ||
<script> | ||
@@ -50,3 +60,4 @@ var slider = new Slider({canvasId: "myCanvas", continuousMode: true, x0: 150, y0: 150}); | ||
#### linear | ||
### Linear slider | ||
- import js | ||
@@ -57,3 +68,3 @@ ``` | ||
- initialize a slider | ||
``` | ||
```js | ||
<script> | ||
@@ -78,10 +89,8 @@ var slider = new Slider({canvasId: "myCanvas", continuousMode: true, vertical: false}); | ||
- if you want to change the value programmatically, use: | ||
``` | ||
```js | ||
slider.setSliderValue(<sliderId>, <value>); | ||
``` | ||
### demo | ||
## License | ||
http://maslick.neocities.org/slider-circular/ | ||
http://maslick.neocities.org/slider-linear/ | ||
This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html). |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
121067
13
509
91