[摄影工具]XTFOTO,为照片作品添加水印相框,[已上线 http://xtfoto.com/ ]

创造初衷:我之前经常拍大量的相机照片,手机上已经有很多很棒照片水印的APP,但用了手机上的APP处理起来十分不方便,而且照片在手机上倒腾的过程中,照片信息容易被屏蔽或压缩掉 所以想着在网页端实现。

实现:本质是读取照片的exif信息,节省大量的二次操作时间

照片不用上传到云端,纯前端处理渲染,可以批量导出。可以对参数位置进行微调。

开发过程:整体开发难度不大,框架一定要标上vue3,bug最多在无法正常预览以及水印模板相互之间的会有冲突,以及横图竖图之间需要区分开来,不然模型计算xy位置往往不准导致调整横图的位置会和竖图互相干扰

移动端:手机登录网站也会有相对应的适应性显示优化,提示词开头需要加上【 页面宽度少于900:】

最后附上地址,永久免费使用:http://xtfoto.com/

2 个赞

这个很好哎

2 个赞

摄影佬,狂喜

1 个赞

:heart: 会持续更新维护的

1 个赞

0517更新 v1.2.1:

1.新增无阴影透明直角水印

2.修改了部分模板字体显示

3.限制单个图片文件大小以免内存溢出

1 个赞

v1.3.1版本更新:

新增:

  1. 支持Ctrl V 粘贴上传

  2. 预览区滚轮缩放与拖拽(Ctrl + 滚轮/移动端双指)20260602_07582900_00_03--00_00_23

  3. 自动保存模板与参数历史

  4. logo悬停即时预览

  5. 鼠标悬停切换水印

    20260602_07325800_00_00--00_00_09

修改优化:
1.优化参数命名与下载交互
2.优化按钮数值显示
3.调整移动端适应下载按钮位置

1 个赞

很棒!摄影佬很喜欢

2 个赞

感谢支持 :heart:

1 个赞

v1.4.0版本更新:

  • 更新内容:
    • :bullseye: 编辑模式拖拽调整元素位置
    • :triangular_ruler: 红色参考线辅助定位
    • :magnet: 智能吸附对齐与间距参考
    • :artist_palette: 全布局支持拖拽编辑
    • :round_pushpin: 按钮移至右上角
    • :floppy_disk: 拖拽位置自动保存

优化布局 ,并且添加鼠标拖拽移动元素功能