收款码合并
把微信与支付宝收款码合并成一张图的布局计算：给出画布尺寸与两张二维码的精确绘制矩形，支持左右并排与上下堆叠、间距边距与标题栏，背景色可调。
浏览器本地运行所有计算都在你的浏览器里完成，数据不会离开本机。
布局方案
含画布尺寸与两张图的绘制矩形。
输入二维码尺寸后即可计算
画布宽: 0 · 画布高: 0 · 间距: 0 · 边距: 0
这个工具能做什么
- 开小店或摆摊：把微信和支付宝收款码合成一张，打印出来贴一张就够，顾客不用问扫哪个。
- 做收款立牌：用堆叠布局加上标题栏，上面写「微信支付」下面写「支付宝」，一目了然。
- 批量出图：把计算出的绘制矩形交给 Canvas 或 ImageMagick，脚本里一次生成整套收款图。
- 核对尺寸：画布校验行会显示各部分相加是否等于画布宽，避免合成时出现半像素错位。
示例
输入
430,430
输出
二维码尺寸：430 × 430 像素（两张按同尺寸处理） 布局：左右并排，间距 24 px，边距 24 px，标题栏 56 px 画布尺寸：932 × 534 像素 第一张绘制于：x=24 y=80 w=430 h=430 第二张绘制于：x=478 y=80 w=430 h=430 背景色：#ffffff 画布尺寸校验：24 + 430 + 24 + 430 + 24 = 932
并排：画布宽 = 边距×2 + 图宽 + 间距 + 图宽；堆叠：高 = 边距×2 + 标题×2 + 两图高 + 间距。
常见问题
画布尺寸怎么算的？
并排布局：画布宽 = 边距×2 + 图宽 + 间距 + 图宽，高 = 边距×2 + 标题栏 + 图高；堆叠布局：宽 = 边距×2 + 图宽，高 = 边距×2 + 标题栏×2 + 图高 + 间距 + 图高。以 430×430、间距 24、边距 24、标题 56 为例，并排得到 932 × 534 像素。
两张二维码尺寸不一样怎么办？
工具按同尺寸处理（第二张与第一张同宽同高）。如果你的两张图确实不同，先用等比例缩放把小的那张放大到一致，再合并；并排布局会把较矮的一张垂直居中，堆叠布局会把较窄的一张水平居中，所以轻微差异不会难看。
标题栏是干什么的？
每张二维码上方预留的文字高度（默认 56 px），用来写「微信支付」「支付宝」。填 0 就去掉标题栏，图片紧贴边距。
合成是在浏览器里做的吗？
是的。本模块只做几何计算（画布尺寸与绘制矩形），真正的像素合成由页面用 Canvas 在本地完成，图片不会上传到服务器。
背景色支持透明吗？
目前只接受 #RRGGBB 六位十六进制颜色（默认纯白）。透明背景在打印时经常变成黑色，收款码用白色底最稳妥。
间距和边距填多少合适？
间距 24 px、边距 24 px 是屏幕与打印都好看的默认值。要贴纸紧凑一点可以调到 8~12 px；打印大幅面时按比例放大（例如 430 px 的二维码配 40 px 间距）。
关键词：收款码合并微信支付宝二维码合并payment qr merge收款码布局计算canvas 布局