最近业余时间鼓捣了个小项目,名字叫 PicapicaBooth.app ,本质上是一个网页版的“照相亭”——就是小时候商场里那种大头贴机的感觉,但搬到了 Web 上。为什么做这个?一开始是因为家里有老人不会用手机各种修图 App ,想要一个“打开就能拍、拍完就能拼”的简单工具。后来发现其实很多人(比如聚会、情侣、闺蜜)也会用到类似的东西,但市面上的要么是 App ,要么广告/水印一堆,要么体验很糟糕。于是就想着自己写一个纯前端、无水印、隐私友好的版本。功能简介支持手机和 PC ,直接浏览器打开,无需安装拍照自动倒计时,支持多连拍,拍完自动拼成长条/网格/宝丽来等多种样式多种滤镜(黑白、复古、胶片、漫画等)和美颜(可调节平滑度/亮度/增强度)拼图样式丰富,适合社交分享导出无水印,不强制注册,照片本地处理,隐私友好技术栈前端:React + hooks ,UI 用了点 Tailwind 和自定义 CSS摄像头调用:n**igator.mediaDevices.getUserMedia图片处理:canvas 二次处理(滤镜/美颜/拼图/导出)没有后端,所有图片处理都在本地完成一些开发细节移动端兼容性:踩了不少坑,iOS/微信浏览器会强制全屏 video ,得加 playsInline 和 muted 属性才能让自定义按钮不被盖住。分辨率:单张照片最大支持 2560x1440 ,导出拼图也能保证清晰度。性能优化:canvas 处理大图时做了分步渲染,低端机也不卡。隐私:所有图片都只在本地处理,导出后自动清空缓存,完全不上传服务器。在线体验https://picapicabooth.app欢迎大家用手机/电脑体验,尤其欢迎吐槽和提建议!如果你有更好的滤镜/拼图创意,或者遇到什么兼容性问题,欢迎留言或者 PR 。TODO & 想法增加更多拼图模板(比如四宫格、杂志风等)支持自定义贴纸/边框考虑加个“多人合影”模式,自动拼接多设备照片如果有需求,也可以考虑开源有兴趣的朋友可以试试,觉得好用的话帮忙点个 Star 或转发下,感谢!( PS:如果你有类似需求或者想法,也欢迎交流,技术栈不限,大家一起折腾~)