
最近因为团队的关系从印象笔记跳到为知笔记的使用,发现为知笔记的头像是根据名字的第一个汉字来显示的,觉得挺有意思的,便来实现下。
上图:


业务规则:如果昵称里面没有汉字则根据disable字段显示前面两张默认图像。如果有汉字,则取出最后一个汉字,进行相应规则的转换,最终生成一张图片(具体见代码)。
最近因为团队的关系从印象笔记跳到为知笔记的使用,发现为知笔记的头像是根据名字的第一个汉字来显示的,觉得挺有意思的,便来实现下。
上图:
业务规则:如果昵称里面没有汉字则根据disable字段显示前面两张默认图像。如果有汉字,则取出最后一个汉字,进行相应规则的转换,最终生成一张图片(具体见代码)。
本文标题:为知圆角头像的实现
本文链接:https://www.haomeiwen.com/subject/vainxttx.html
网友评论