تابع ساخت آواتار پیشفرض با جاوا اسکریپت

در این کد که براتون آماده کرده ام می تونین در صورتی که جاوا اسکریپت بلد باشین برای کاربرانی که هنوز آواتار برای پروفایل خود انتخاب نکرده اند آواتاری بسازید که اولین حرف از نام کاربری او در آن نوشته شده است.

این کد را می توانید در هر سایت و سیستمی استفاده کنید. برای استفاده از آن نیاز به دانستن کمی جاوا اسکریپت است.

با تشکر

// Designed by Mohammad Bahoosh
// Copyright (c) by Moisrex,
// All rights reserved.
​
function makeAvatar(username){
	try{
		username=username.substring(0, 1).toUpperCase();
		var canvas=document.createElement('canvas'),
			con=canvas.getContext('2d');
		canvas.width=150;
		canvas.height=150;
		con.fillStyle=randomColor();
		con.fillRect(0, 0, 150, 150);
		var gradient=con.createLinearGradient(0, 0, 150, 150);
		gradient.addColorStop('0', randomColor());
		gradient.addColorStop('1', randomColor());
		con.fillStyle=gradient;
		con.font="140px 'Segoe UI', Tahoma, 'Sans-serif'";
		con.textAlign='center';
		con.textBaseline='middle';
		con.fillText(username, 75, 75);
		return canvas.toDataURL();
	}
	catch(e){
		return '/weblog/file/img/m.jpg';
	}
}
​
var colors='1abc9c 2ecc71 3498db 9b59b6 34495e 16a085 27ae60 2980b9 8e44ad 2c3e50 f1c40f e67e22 e74c3c ecf0f1 95a5a6 f39c12 d35400 c0392b bdc3c7 7f8c8d'.split(' ');
function randomColor(){return '#'+colors[Math.floor(Math.random()*colors.length)];}
​

در قسمتی که آدرس یک فایل مشخص شده است در آدرس عکسی را بگذارید که در صورت پشتیبانی نکردن کاربر از HTML5 آن آدرس به شما برگردانده شود.

برای استفاده از آن کافیست در آرگومان اول موقع صدا زدن تابع نام کاربری او را به صورت String صدا بزنید.

با تشکر