🎬 这是什么?
「台词表情工坊」是一个轻量、好玩的粉丝向表情包工具。你可以从内置的经典影视台词库中挑一句, 或者输入自己的台词,再搭配一套场景 / 头像模板,就能实时预览并生成一张台词表情包图片, 一键下载、复制图片或复制分享链接,发到微博、朋友圈、群聊都方便。
📋 如何使用
- 在「生成器」选择一个喜欢的模板:电影胶卷、深夜剧场、古装大戏、综艺现场、聊天记录,或猫猫狗狗等头像模板。
- 从台词库挑一句(按剧集分类),也可以直接输入自己的台词,支持换行。
- 调整文字位置、字号与颜色,右侧实时预览。
- 点击「下载图片」导出 PNG,或「复制图片」直接粘贴到对话框,或「分享链接」还原当前表情包。
- 在「素材库」里浏览全部台词和模板,点击即可快速进入生成器。
🔗 分享链接说明
分享链接通过 URL 参数记录模板 ID、台词文字与样式信息(t / text / pos / size / color), 打开链接即可自动还原表情包。整个站点是纯静态页面,无需后端即可运行与传播。
⚙️ 技术实现
站点使用原生 HTML / CSS / JavaScript 构建,表情包由浏览器 Canvas API 绘制:
台词文字经过自动换行与自适应字号处理,绘制到底图(渐变背景 / 纯色背景 / 矢量头像占位图)上;
图片通过 canvas.toDataURL() 导出 PNG,复制图片使用 Clipboard API。
素材数据(templates.js、quotes.js)以 JSON 格式维护,方便随时增删改。
ℹ️ 素材来源声明
台词库收录的是网友在表情包场景中广为使用的影视剧台词/梗,仅作学习交流与娱乐用途,不用于任何商业目的。 为避免版权问题,本站在生成的表情包中不使用任何受版权保护的剧照或明星照片, 所有背景与头像均为程序绘制的渐变图案与矢量占位图形。
💬 关于台词库
想要扩充台词库?直接编辑 quotes.js,按剧集、角色、台词字段追加即可;
想要新增模板?在 templates.js 中按现有模板结构添加一条配置即可,
无需改动任何页面代码。素材以 JSON 数据维护,让内容更新保持轻量。