<imgid="avatar"alt="Avatar">
functiongenerateAvatar(text,foregroundColor,backgroundColor){constcanvas=document.createElement("canvas");constcontext=canvas.getContext("2d");canvas.width=200;canvas.height=200;// Draw backgroundcontext.fillStyle=backgroundColor;context.fillRect(0,0,canvas.width,canvas.height);// Draw textcontext.font="bold 100px Assistant";context.fillStyle=foregroundColor;context.textAlign="center";context.textBaseline="middle";context.fillText(text,canvas.width/2,canvas.height/2);returncanvas.toDataURL("image/png");}
document.getElementById("avatar").src=generateAvatar("SP","white","#009578");
转载https://dev.to/dcodeyt/build-a-user-profile-avatar-generator-with-javascript-436m
