Una biblioteca de JavaScript para círculos basados en SVG y arcos-Sektor
| Autor: | Stanko |
|---|---|
| Views Total: | 2,168 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 27, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Sektor es una librería JavaScript muy pequeña que hace uso de SVG para dibujar y animar círculos y/o arcos. Perfecto para indicador de carga o gráficos circulares.
¿Cómo funciona?
Cree un contenedor DIV vacío para el círculo/arco SVG.
<div class='example'></div>
Descargue y coloque el archivo JavaScript Sektor. js al final del documento.
<script src='js/sektor.js'></script>
Cree un nuevo objeto Sektor y represente un círculo/arco personalizado dentro del contenedor que acaba de crear.
var mySektor = new Sektor('.example', {
// options here
}); Todas las opciones disponibles para personalizar el círculo/arco SVG.
var mySektor = new Sektor('.example', {
size: 100,
stroke: 10,
arc: false,
angle: 225,
sectorColor: '#789',
circleColor: '#DDD',
fillCircle: true
}); Animate a un ángulo especificado mediante el método animateTo .
mySektor.animateTo(angle);
