微信小程序: 拼长图

作者: 科技微讯

日期:

写了个微信小程序: 拼长图.

为什么写这个小程序

我写的公众号 "科技微讯" 经常需要拼接多张图片, 例如手机截图等等, 不想安装第三方 app, 而已有的部分小程序会把图片上传到他们的服务器处理, 不太放心. 刚好自己在学习编程, 从自己的实际需求入手写项目是一个比较好的学习方法, 所以写了这个小程序.

下面这张图片就是我用拼长图拼接出来的, 拼接了三张手机截屏, 我比较满意这种效果:

pingchangtu screenshot

拼长图有哪些功能

拼长图顾名思义, 就是把多张图片拼接成一张长图片, 可设置以下拼接选项:

  • 拼接方向: 水平拼接, 垂直拼接
  • 对齐方式: 居中对齐, 左对齐或上对齐, 右对齐或下对齐
  • 添加水印
  • 设置图片间距

如果你在 iPhone 版的微信打开拼长图, 并选择多张此手机的截屏, 拼长图还能实现 "去重拼接".

"去重拼接"怎么用

要使用去重拼接, 需要满足以下条件:

  • "去重拼接" 只支持手机截屏, 例如微信, QQ 的聊天截屏等;
  • 请选择你正在使用的手机截屏, 选择其他手机的截屏将无法 "去重拼接";
  • 截屏之间要留有一定的重叠区域, 否则可能无法完美拼接;
  • 请注意选择图片的顺序, 先选的拼接在前面, 后选的拼接在后面;
  • 要拼接的截图较多时, 速度可能有点慢;

常见问题

1. 为什么图片分辨率降低了?

小程序运行在微信这个环境中, 受微信的制约, 其性能比不上原生应用. 当处理大体积图片时, 拼长图速度可能较慢, 甚至可能闪退, 对于 android 手机更是如此. 为了提高拼长图的可用性, 会对大体积图片进行压缩处理, 图片较长的一边不超过 1500 像素, 但基本不影响图片的视觉效果.

2. 为什么图片的宽度或长度不一样

如果原图片的长度和宽度不一样, 那拼接后的图片宽度或长度不会自动变成相同, 计划后续增加一个 "等宽" 设置选项, 方便大家根据需要调整.