使用canvas画出文字就好啦
function gen_text_img(size, s) {
let colors = [
"rgb(239,150,26)", 'rgb(255,58,201)', "rgb(111,75,255)", "rgb(36,174,34)", "rgb(80,80,80)"
];
let cvs = document.createElement("canvas");
cvs.setAttribute('width', size[0]);
cvs.setAttribute('height', size[1]);
let ctx = cvs.getContext("2d");
ctx.fillStyle = colors[Math.floor(Math.random()*(colors.length))];
ctx.fillRect(0, 0, size[0], size[1]);
ctx.fillStyle = 'rgb(255,255,255)';
ctx.font = size[0]*0.6+"px Arial";
ctx.textBaseline = "middle";
ctx.textAlign = "center";
ctx.fillText(s,size[0]/2,size[1]/2);
return cvs.toDataURL('image/jpeg', 1);
}
效果如下某些浏览器文字不能水平居中，暂时没有找到解决办法:
知识点补充：前端小结：中文转颜色 - 实现根据名字自动生成头像
1、需求
项目中有个需求，要求显示人员头像和名称列表
而头像是名字的第一个文字和背景颜色生成，文字颜色为白色，背景自动生成。
2、分析
由于名字图像是自动生成，背景颜色不一样，可以考虑一下几种方法：
1）使用随机数来自动生成一个16进制颜色字符串，作为头像的背景颜色；
2）获取名字的第一个字，转换成16进制文字颜色字符串，作为头像背景颜色；
这里会有朋友说，为什么不使用base64转码为颜色值呢，在这里小编也测试过，通过base64转码后的值，很多转换成了F之后的字母，在转换成颜色时，取值无效，截图如下：
所以这里不使用这样方法。
第一种方法比较简单，但是不可控（同一个名字的头像背景颜色可能不一样），所以我们采用第二种方式；
3、实现
// 获取名字第一个文字，转换成16进制颜色值
const { name } = this.props;
let firstName = name.substring(1, 0);
tranColor = (name) => {
var str ='';
for(var i=0; i<name.length; i++) {
str += parseInt(name[i].charCodeAt(0), 10).toString(16);
}
return '#' + str.slice(1, 4);
}
const bgColor = this.tranColor(name)
这样就可以生成一个合法的16进制颜色字符串，如果需要配置不同的透明度，可以多取一位 str.slice(1, 5)，因为这里转换为16进制，所以这里只取前3位（1 ～ 4）
4、结果
转换果如下：
效果：
可以看到名字相同时，头像背景颜色也是相同的，比随机数要好很多
总结
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。