@kodoti/koditar

KODITAR

Create an avatar image by taking the initials of a person's name or whatever.

How to install?

npm install @kodoti/koditar

Example

window.onload = () => {
    const image = document.createElement('img');

    // the library create a base64 image
    image.src = Koditar.render('Eduardo Rodríguez Patiño');

    document.body.append(image);
};

Live Example

https://jsfiddle.net/erodriguezp105/dxhgrv6n/1/

⚠️Note

The avatar can't recognize between the first and the last name, take care about that.

👉 This means that the script will only take the first letter of each word passed.

Input	Output
Eduardo Rodríguez Patiño	ER
Juan Jose Gonzales Miranda	JJ
Alberto Miguel Javier Perez Lozano	AM
Eduardo	E
AX	AX
A	A

The result will be one or two letters in uppercase.

Customize your avatar

You can customize your avatar adding extra properties to the second parameter of the function:

Parameter name	Default	explain
size	300	Width and height reference.
bgColor	'#eee'	Background color reference.
color	'#222'	Color of the font.
fontFamily	'Calibri'	Font family which will be used.
fontSize	100	Reference to font-weight property.

Usage

Koditar.render('Eduardo Rodríguez Patiño', {
    size = 300,
    bgColor = '#eee',
    color = '#222'
});

Other examples

Direct link

To avoid use webpack, gulp or something similar.

Just press right click here and download it (it always will be the latest version).