扫码卡｜二维码排版生成工具

这是一个把二维码和背景、文字组合成可打印卡片的网页工具，解决的是「二维码能用但不好看」的问题。
日常见到的二维码大多是一张朴素的方块图，贴在墙上、门上或桌角，边缘容易卷起，混在一堆码里也不容易一眼找到。它解决了「能扫」，但没解决「好看、显眼、不容易看错」。而大部分人不会用设计软件，专门为一张图去学排版并不划算。工具面向门店、活动组织和个人用户，把这一步压缩到 30 秒。
使用方式：上传已有二维码图片，或输入内容由程序在本地生成，选一种风格、加一句标题，导出高清 PNG 直接打印。
核心功能：

8 种预设风格，每种都是一套独立的 canvas 绘制算法而非滤镜。国潮的金色回纹与镜像祥云、赛博朋克的透视网格与扫描线、暗黑科技的直角电路走线与数据流，全部实时绘制。同一风格换一个随机种子就是全新的一张，点「换一张」整张重画，但已调好的尺寸和位置会保留。
二维码本身零改动。背景是独立的一层，只画在卡片外围，二维码以原始矩阵等比绘制在白色保护卡内，不变形、不模糊，卡片四周留足留白，不影响扫描。
排版可调。标题支持四档字号、自动按背景明暗选择墨色或白色、上下位置切换，以及自由拖动；拖动时显示中轴与等距参考线，靠近时自动吸附，左右对称一眼可辨。
所有绘制在本机完成，没有任何网络请求，出图是瞬时的，二维码图片也不会上传服务器。
我在这个项目中独立负责全部环节：需求定义、交互与视觉设计、前端开发、测试验证。技术上采用原生 HTML/CSS/JS 加 canvas 2D，零框架零构建，整个项目 11 个文件 54 KB，纯静态托管即可运行。二维码编码器为自行实现的 QR Code Model 2，包含 Reed-Solomon 纠错、8 种掩码方案与罚分选择。
交付前对可扫性做了逐张验证：每张成品图都用解码器复检，确认内容与原码完全一致，8 种风格全部通过。过程中还定位并修复了一个隐蔽缺陷——标题自动配色的明暗采样把中间的白色卡片也算进了平均值，导致深色背景被误判成浅色、给出深色标题压在背景上看不清，改为只采样卡片外围区域后解决。