Canvas-based Letter Avatar Plugin For jQuery - LetterPic

Canvas-based Letter Avatar Plugin For jQuery - LetterPic
File Size: 15.8 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

Just another jQuery text avatar plugin which converts usernames into canvas based avatar pictures like Google does in several web apps. The generated avatar will be a picture which can be downloaded as a png file.

How to use it:

1. Import jQuery library and the jQuery LetterPic plugin's script into your html page.

<script src="//"></script>
<script src="js/jquery.letterpic.min.js"></script>

2. Create an HTML5 canvas element in which you want to generate the text avatar.

<canvas class="demo" title="User Name" data-userid="1"></canvas>

3. Just initialize the plugin on the canvas element and done.


4. Customize the generated avatar:


  // an array of colors
  colors: [],

  // font family
  font: 'Arial',

  // font color            
  fontColor: '#fff',

  // font size
  fontSize: .45

This awesome jQuery plugin is developed by yakovlevga. For more Advanced Usages, please check the demo page or visit the official website.