MD5 Avatar Generator with jQuery and Canvas - ninjatar

MD5 Avatar Generator with jQuery and Canvas - ninjatar
File Size: 15.2 KB
Views Total: 2661
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

ninjatar is a jQuery & Html5 canvas based avatar generator using Crypto-JS's MD5 JS library.The Idea is you can get an md5 from any string, with this plugin you can turn that md5 into an image.

How to use it:

1. Create a text field to accept the strings.

<input type="text" id="testText">

2. Create a text field to generate a MD5 hash value from the string you type into the text field.

<input type="text" id="testMd5">

3. Create a container to place the MD5 avatar.

<div id="ninjatarContainer"></div>

4. Include jQuery Javascript library together with md5.js and ninjatar.js at the bottom of your document.

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

5. Enable the MD5 avatar generator.

    var txtMd5=""+CryptoJS.MD5($(;
    var txtMd5=$("#testMd5").val();

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