Icontem

JavaScript Initial Avatar Creator: Render an avatar image with the user initials

Recommend this page to a friend!

  Author Author  
Picture of Arturs Sosins
Name: Arturs Sosins <contact>
Classes: 50 packages by
Country: Latvia Latvia
Innovation award
Innovation award
Nominee: 7x

Winner: 5x


  Detailed description   Download Download .zip .tar.gz   Install with Composer Install with Composer  
This object can render an avatar image with the user initials.

It takes the name of the user and creates a canvas object on which it renders the initial letters of the person name.

The background color of the image is picked by computing an hash of the user name. The foreground color is picked automatically to be a complimentary color of the background.

The size of the image and the font are configurable parameters. The font size is computed automatically from the image size and font type.

The generate image can be returned as a binary data string, or assigned to a given page img element, or creating a new img element.

  Classes of Arturs Sosins  >  JavaScript Initial Avatar Creator  >  Download Download .zip .tar.gz  >  Support forum Support forum  >  Blog Blog  >  RSS 1.0 feed RSS 2.0 feed Latest changes  
Name: JavaScript Initial Avatar Creator
Base name: initial-avatar
Description: Render an avatar image with the user initials
Version: 1.0
JavaScript version: 1.0
License: BSD License
 
  Groups   Screenshots Screenshots   Applications   Related pages   Files Files  

  Groups  
Group folder image Graphics Colors, images, charts and picture formats View top rated classes
Group folder image Text processing Parsing, manipulating and validating text View top rated classes

  Files folder image Screenshots  
as.png
File Role Description
Accessible without login Image file as.png Screen Example avatar


  Innovation Award  
JavaScript Programming Innovation award nominee
November 2014
Number 3
Avatars are graphics that are usually used by applications to represent their users.

This object can create simple avatar graphics by rending the user initials on a canvas image.

Manuel Lemos

  Applications that use this package  
Countly
Uses to generate profile's avatar if no profile pic is provided

Add link image If you know an application of this package, send a message to the author to add a link here.


  Related pages  
Initial Avatar class
Documentation and examples

  Files folder image Files  
File Role Description
Accessible without login Plain text file example.html Example Example for users to try
Plain text file initialAvatar.js Class Main class source
Accessible without login Plain text file simple_example.html Example Simple example

Install with Composer Install with Composer - Download Download all files: initial-avatar.tar.gz initial-avatar.zip
NOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.