Partículas interactivas de imágenes con JavaScript y Canvas-imageParticles. js
| Autor: | OssamaRafique |
|---|---|
| Views Total: | 1,303 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 13, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
imageParticles. js es un sofisticado plugin de JavaScript para generar un sistema interactivo de partículas basado en lienzo a partir de una imagen que proporcione.
Funcionamiento
Descargue e importe el archivo JavaScript imageParticles. js en el archivo HTML.
<script src="/path/to/imageparticles.js"></script>
Cree un elemento canvas de HTML5 en el que desee dibujar las partículas.
<canvas id="canvas"></canvas>
Inicialice imageParticles. js e inserte los datos de imagen en formato Base64:
ImageParticles.initialize('canvas', 'data:image/png;base64'); Más parámetros para personalizar las partículas de imagen.
- canvas_id: ID de lienzo
- imageData: datos de imagen
- densityPara: densidad de partículas
- produceDistancePara: distancia entre partículas
- baseRadiusPara: radio base en píxeles
- maxLineThicknessPara: grosor de línea máximo
- reactionSensitivityPara: sensibilidad a la reacción
- lineThicknessPara: grosor de línea
ImageParticles.initialize(canvas_id, imageData,densityPara=14,produceDistancePara=28,baseRadiusPara=2,maxLineThicknessPara=1,reactionSensitivityPara=2,lineThicknessPara=1)
