c # — установить изображение профиля пользователя по умолчанию для изображения их инициалов

Question

c # — установить изображение профиля пользователя по умолчанию для изображения их инициалов

Все больше и больше я вижу, как компании устанавливают изображение профиля пользователя по умолчанию, как показано на скриншоте ниже, с домашней страницы Google …

Как Google достиг этого?
Какие API для PHP и C # могут быть использованы для достижения этой цели?

1

c#php user-profile web

Решение

Другие решения

Вы можете сохранить одно изображение для каждой буквы как

/your_path/a.png
/your_path/b.bng,
/your_path/c.png
...

При загрузке профиля пользователя, если у пользователя нет имени файла изображения в БД, вместо этого вы загружаете имя файла изображения с его / ее инициалом.

Например…

SELECT name, address,
COALESCE(picture, CONCAT("/your_path/", LEFT(name, 1),".png")) as picture
FROM users_table WHERE... ;

Таким образом, когда у пользователя есть изображение, загружается имя файла изображения, если нет, загружается имя файла для файла с его инициалами (при условии, что вы используете mysql для хранения данных вашего пользователя)

0

Источник

Accepted Answer

Простое использование .Net основных библиотек. Вы можете изменить его согласно вашему требованию.
Основная цель заключается в создании изображения аватара профиля пользователя, если пользователь не использует конкретное изображение для профиля. Будет использоваться изображение по умолчанию.
Два общих типа изображений нам нужно сделать прямоугольником & Круг.

Для изображения круга

public MemoryStream GenerateCircle(string firstName, string lastName)
{
var avatarString = string.Format("{0}{1}", firstName[0], lastName[0]).ToUpper();

var randomIndex = new Random().Next(0, _BackgroundColours.Count - 1);
var bgColour = _BackgroundColours[randomIndex];

var bmp = new Bitmap(192, 192);
var sf = new StringFormat();
sf.Alignment = StringAlignment.Center;
sf.LineAlignment = StringAlignment.Center;

var font = new Font("Arial", 72, FontStyle.Bold, GraphicsUnit.Pixel);
var graphics = Graphics.FromImage(bmp);

graphics.Clear(Color.Transparent);
graphics.SmoothingMode = SmoothingMode.AntiAlias;
graphics.TextRenderingHint = TextRenderingHint.ClearTypeGridFit;
using (Brush b = new SolidBrush(ColorTranslator.FromHtml("#" + bgColour)))
{
graphics.FillEllipse(b, new Rectangle(0, 0, 192, 192));
}
graphics.DrawString(avatarString, font, new SolidBrush(Color.WhiteSmoke), 95, 100, sf);
graphics.Flush();

var ms = new MemoryStream();
bmp.Save(ms, ImageFormat.Png);
return ms;
}

Для прямоугольного изображения:

public MemoryStream GenerateRactangle(string firstName, string lastName)
{
var avatarString = string.Format("{0}{1}", firstName[0], lastName[0]).ToUpper();

var randomIndex = new Random().Next(0, _BackgroundColours.Count - 1);
var bgColour = _BackgroundColours[randomIndex];

var bmp = new Bitmap(192, 192);
var sf = new StringFormat();
sf.Alignment = StringAlignment.Center;
sf.LineAlignment = StringAlignment.Center;

var font = new Font("Arial", 72, FontStyle.Bold, GraphicsUnit.Pixel);
var graphics = Graphics.FromImage(bmp);

graphics.Clear((Color)new ColorConverter().ConvertFromString("#" + bgColour));
graphics.SmoothingMode = SmoothingMode.AntiAlias;
graphics.TextRenderingHint = TextRenderingHint.ClearTypeGridFit;
graphics.DrawString(avatarString, font, new SolidBrush(Color.WhiteSmoke), new RectangleF(0, 0, 192, 192), sf);

graphics.Flush();

var ms = new MemoryStream();
bmp.Save(ms, ImageFormat.Png);

return ms;
}

Для генерации фона случайных цветов можно использовать:

private List<string> _BackgroundColours = new List<string> { "339966", "3366CC", "CC33FF", "FF5050" };

Я надеюсь, что это поможет вам, пожалуйста, передайте ваши предложения по его улучшению.

8