设置默认的用户配置文件图片，它们的缩写

Question

越来越多，我看到很多公司设置用户的默认配置文件图片，如下面的截图是来自谷歌的主页显示的图像...

Google如何实现这一目标？ 可以使用PHP和C＃的哪些API来实现此目的？

Answer 1

你可以为每个字母保存一个图像作为

/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来存储你的用户数据）

Answer 2

简单的使用.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" }; 

我希望它会帮助你的，请绕道你的建议，以改善它。