0.0.4 • Published 3 years ago
@kodoti/koditar v0.0.4
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).