Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

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

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

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

با تشکر

// 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 صدا بزنید.

با تشکر

لطفا کسی من رو مسخره نکنه من اثلا بلد نیستم هیچ چیز از این جور چیزا سر در نمی اورم چون من فقط10 سالمه
با تشکر
پاسخ : خوب میخوای چی بگم؟
با تشکر
اگه بخوایم آواتار نویسنده مطلب رو بذاریم توی رزبلاگ باید چه تگی بزنیم؟
پاسخ : اسماعیل : توی انجمن مطرح کنین...
با تشکر
خخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخ تف به اين شانس :/ شيمي ٣ نمره مزخرف غلط دارم. شکلک
پاسخ : 10 بیگی بستن :دی
با تشکر
داش رهنمایی کن کجا قرار بدیدم!!!!!
سلام
پاسخ : سلام
var img = new Image();
img.src=makeAvatar('moisrex');
elem.appendChild(img);

این چیه ؟!
باتشکر :|
پاسخ : هیچی برا سرگرمیه ... :دی
یه نمونه از نحوه کارکرد تابع ...
با تشکر
«میخواین فیلم سینمایی هم براتون تو راه پخش کنه؟»
اگه بشه که اجرت با امام حسین...
راستی من با علی صحبت کردم...
قراره پشمک شکلاتی حاج عبدالله هم ببریم...
وقتی داعشیا اومدن به جای ریش استفاده میکنیم...:دی
محمد تو نیای کامل نمیشیم...آخه من شنیدم که اونا اگه 5 تا شیعه رو بکشن میرن بهشت...ما 4 نفریم،تو هم بیای کامل میشیم...شکلکشکلک
تو رو با تخت روان میبریم...حالا میای؟؟؟شکلکشکلک
پاسخ : آدرس بدین با قاطر بیام دنبالتون :دی
با تشکر
کدوم بریم خواستگاری؟

پاسخ : بفرما شما اول ... :دی
با تشکر
فرما کیه؟
شکلک
پاسخ : دخنر خوبیه ... :دی
با تشکر
من تضمین میکنم اون یه کم جاوااسکریپت بلده لطفا توضیح بده P:
پاسخ : بفرما:
var img = new Image();
img.src=makeAvatar('moisrex');
elem.appendChild(img);

با تشکر

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4408
تعداد اعضا : 36858
افراد آنلاین : 13
بازدید امروز : 390
بازدید دیروز : 2,256
گوگل امروز : 9
گوگل دیروز : 33
بازدید هفته : 5,290
بازدید ماه : 23,998
بازدید سال : 238,417
بازدید کلی : 11,020,119