[MCP] 生成 Chrome 同款二维码,带 Dino 小恐龙,可自定义 Logo

liuliangsir 2026-07-03 10:15 1

最近写了个 mcp 工具:**@chromium-style-qrcode/mcp**,专门生成和 Chrome 浏览器一模一样的二维码——圆形点阵、圆角定位器,中间还带着那只经典的小恐龙 🦕。


特点



  • 完全 Chromium 风格 — 圆形模块 + 圆角定位图案,跟 Chrome 内置的二维码生成效果一致

  • 默认 Dino 恐龙 — 中间会自动画上 Chrome 的小恐龙,挺可爱的

  • 可去掉 Logo — 设置 showLogo: false 就是纯净二维码

  • 支持自定义中心图 — 传入 Base64 就能换成你自己的 logo


快速开始(零安装)


在 MCP 客户端配置里加一段(用 npx 自动拉取,不需要手动安装):


{
"mcpServers": {
"io.github.chromium-style-qrcode/mcp": {
"command": "npx",
"args": ["-y", "@chromium-style-qrcode/mcp"]
}
}
}

然后调用 generate_qr_code 工具就行,核心参数:



  • text — 必填,要编码的文本或链接

  • showLogo — 是否显示恐龙(默认 true

  • customLogo — Base64 编码的图片,替换默认恐龙


调用示例:


// 带小恐龙的普通二维码
{ "text": "https://example.com" }

// 纯净无 Logo 版本
{ "text": "https://example.com", "showLogo": false }

// 换成自己的 Logo
{ "text": "https://example.com", "customLogo": "<base64 图片数据>" }

返回的就是可以直接保存的 PNG 图片。


关于实现


基于 Node.js (>=22.14.0 ),依赖 qrcode 等库做了 Chrome 风格的渲染。支持全局安装,也兼容 bunx,但最简单的还是上面的 npx 一键调用。


代码、截图和详细参数见 GitHub:

https://github.com/chromium-style-qrcode/mcp/blob/main/README-zh-CN.md


欢迎 Star 、试用、提 issue ~

最新回复 (2)
  • Aixiaoa 07-03 12:21
    1
    图呢?
  • liuliangsir 楼主 07-03 13:55
    2
    @Aixiaoa 后面补充一下图
* 帖子来源V2EX
返回