Radar de retardo animado con JavaScript y SVG-lag-radar
| Autor: | mobz |
|---|---|
| Views Total: | 990 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 29, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
lag-radar es una biblioteca de JavaScript ES6 que representa un radar de rendimiento dinámico, animado y basado en SVG para visualizar ralentizaciones en la aplicación Web.
Funcionamiento
Instale el lag-radar.
# NPM $ npm install lag-radar --save
Importe el lag-radar en su módulo.
import lagRadar from 'lag-radar';
Cree una nueva instancia y config el radar de retardo.
const myRadar = lagRadar({
// number of frames to draw
frames: 50,
// sweep speed
speed: 0.0017,
// in px
size: 300,
// in pix
inset: 3,
// where to attatch the radar to
parent: document.body,
}); Represente el radar de retardo en el documento.
myRadar()
