Generar avatares de Identicon estilo GitHub con cuadrados-Squareicon

Tiempo de ejecución: 30 minutos. Empezar

Autor: mistic100
Views Total: 253
Sitio oficial: Ir a la web
Actualizado: January 2, 2019
Licencia: MIT

Vista prévia

Generar avatares de Identicon estilo GitHub con cuadrados-Squareicon

Descripción

Sin embargo, otro generador de avatares que genera identicones como github usando cuadrados para representar valores hash.

Funciona tanto en el navegador como en node. js.

See also:

Funcionamiento

Instale y descargue el paquete.

# NPM
$ npm install squareicon --save

Importe el archivo JavaScript principal en el documento.

<script src="browser.js"></script>

Incluya el randomcolor Library para esquemas de color.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/randomColor.min.js"></script>

Incluya la biblioteca Spark-MD5 para la implementación rápida de MD5.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/spark-md5.min.js"></script>

Cree una etiqueta IMG vacía para mantener el Identicon.

<img id="squareicon"></div>

Genere un identicón básico a partir de un ID que proporcione.

squareicon({

id: 'wikicss',

 hasher: SparkMD5.hash
}, (err, data) => {

document.querySelector('img').src = data;
});

Personalice el Identicon con las siguientes opciones.

squareicon({

d: null,

hasher: md5,

colors: 2,

pixels: 8,

size: 128,

padding: 0,

symmetry: 'none',

scheme: 'standard',

background: 'transparent'
}

Te puede interesar: