Generador de Identicon con JavaScript y Canvas/SVG-Jdenticon

Vista prévia

Descripción

Jdenticon es una biblioteca de JavaScript para generar dinámicamente < a href = "https://en.wikipedia.org/wiki/Identicon" target = "_ blank" rel = "noopener" > Identicon avatares de los valores proporcionados por el usuario utilizando HTML5 Canvas o SVG.

Funciona con el explorador y node. js. Ideal para generar avatares únicos como se ve en github.

Funcionamiento

Cargue la versión compilada y minimizada de la biblioteca de Jdenticon en el documento.

<script src="/path/to/jdenticon.min.js"></script>

Cree un lienzo o un marcador de posición basado en SVG para el Identicon y especifique el valor (normalmente nombre de usuario) en el atributo ' Data-jdenticon-Value ' como estos:

<canvas width="64" height="64" data-jdenticon-value="wikicss"></canvas>
<svg width="64" height="64" data-jdenticon-value="wikicss"></svg>

La biblioteca también admite valores hash que se pueden especificar en el atributo ' Data-jdenticon-hash '

<canvas width="64" height="64" data-jdenticon-hash="hash-value-here"></canvas>
<svg width="64" height="64" data-jdenticon-hash="hash-value-here"></svg>

Métodos de API disponibles.

// updates all identicon avatars
jdenticon.update()

// renders an indenticon avatar
jdenticon.drawIcon()


// render as a PNG image
// NOT available in the browser.
jdenticon.toPng()

// render as a SVG image
 Method
jdenticon.toSvg()

// jQuery wrapper
$.fn.jdenticon()