如何用Python/JavaScript及UTF-8编码组合表情制作社交平台认证对勾

一、Python结合UTF-8编码组合任意表情符号 #

UTF-8是Python默认的字符串编码，表情符号本身就是UTF-8编码的Unicode字符，组合表情本质就是字符串拼接操作：

基础并排拼接 #

直接将表情符号字符串相加即可，适用于所有表情的并排组合：

emoji_a = "🐱"
emoji_b = "🐶"
combined = emoji_a + emoji_b
print(combined)  # 输出🐱🐶

零宽连接符（ZWJ）组合合体表情 #

部分表情支持通过零宽连接符（\u200D）组合成单个合体表情，但仅适用于Unicode标准定义的合法组合对（如家庭、职业表情），任意表情组合无法强制合体：

zwj = "\u200D"
# 组合成家庭合体表情
family_emoji = "👨" + zwj + "👩" + zwj + "👦"
print(family_emoji)  # 输出👨👩👦

二、实现类似社交平台的认证对勾 #

主流平台的认证对勾多为自定义设计的图标，若用原生技术实现，分以下两种方案：

方案1：纯文本近似（局限性大） #

Unicode没有官方定义的“蓝色圆形+白色对勾”合体表情，用零宽连接符组合☑与🔵或✓与🔵无法实现叠加效果，仅能做到并排显示：

# Python 示例
badge = "🔵" + "\u200D" + "✓"
print(badge)  # 多数平台显示为🔵✓（并排）

方案2：图像/DOM元素叠加（推荐，还原度高） #

通过图像生成或网页元素定位实现真正的叠加效果，以下是Python和JavaScript的具体实现：

Python（生成图片）

使用PIL库创建蓝色圆形背景并绘制白色对勾：

from PIL import Image, ImageDraw, ImageFont

# 配置尺寸与颜色
size = 100
bg_color = "#1877f2"  # 模拟Facebook/TikTok蓝色
text_color = "white"

# 创建透明背景的圆形图
img = Image.new("RGBA", (size, size), (0, 0, 0, 0))
draw = ImageDraw.Draw(img)
draw.ellipse((0, 0, size, size), fill=bg_color)

# 添加对勾文本
try:
    # 优先使用支持表情的字体
    font = ImageFont.truetype("NotoColorEmoji.ttf", 60)
except:
    font = ImageFont.truetype("arial.ttf", 60)
draw.text((size//4, size//6), "✓", fill=text_color, font=font)

# 保存或展示图片
img.save("verified_badge.png")
img.show()

JavaScript（网页端DOM实现）

通过CSS实现圆形背景与对勾的叠加，完全还原平台认证标识效果：

<!-- 直接插入到HTML中使用 -->
<div style="
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #1877f2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
">
    <span style="color: white; font-size: 24px;">✓</span>
</div>

内容的提问来源于stack exchange，提问作者ptkkfth lmnr