微信小程序基于movable-area实现DIY T恤logo定制

可以通过上传两个图片，一个是可以定制的T恤/背包等背景图，一个是定制的logo图片启键迅。让用户可以可以拖动logo图片放置在背景图上粗略实现DIY的预览效果。具体要求：可手势放大/缩小，可面板 *** 作切换图片，可面板 *** 作放大缩小对应的图片，可本地选择图片。

原生容器组件的 movable-area | 微信开放文档 (qq.com) 已经内部实现了拖动和放大缩小，我们只需要理顺组件交互的思路以及注意事项，主要有以下：

1.movable-view必须为movable-area的子级元素。

2.两个movable-view不能同时设为可手势放大/缩小，存在冲突，因此需要在点击/拖动图片，还有点击下方tab切换背景图/logo时控制相应的movable-view是否可手势缩放。

3.点击或拖动logo/背景图片时候，与下方的 *** 作面板的tab元素互动，因此需要监听touchstart事件。

4.点击/拖动logo时候，需要显示图片边框，在拖动结束的时候边框消失，显得更用户友好，因此需要在touchstart和touchend中做处理。

5.手势放大/缩小时，需要同步下方 *** 亮岁作面板的放大倍数，因此需要绑定scale的值（movable-view提供）。

6.（重点）手势放大缩小事件是一种resize事件，如果每次resize都要更新一次面板计步器的话是十分浪费资源的，因此需要进行函数防抖（debounce），当触发时，如果规定时间间隔：500ms（个人设置的值）内再次触发resize事件，则把时间间隔更新，只有在最后一次resize事件悄此执行后且500ms内没有再次触发resize事件，才进行计步器值的更新，具体防抖的原理和应用可以自行搜索。

1.增加保存功能，对完成的图片进行保存。

2.增加旋转功能

微信小程序。

映糖定制小程序可以自制照片集、手机壳御兆， *** 作简单方便。微信小程序，小程序的一种，英文名WechatMiniProgram，是一种不需要下载安装。

在小程序自制卡视频，然后去定，清晰度还可以 *** 作也比较简单，但是发货时间比较液拆颤久，要一周左右才发货。小程序是一种不需要下载安装即可使用的应用，由腾讯于2017年1月9日首次推出，其理念是应用“触手可及"“用完即走”。其优势是用户不用再关心应用安装太多的问题，也避免了频繁的切换应用。闹败

小程序贺卡

微信小程序怎么制作生日祝福贺卡

祝福贺卡小程序4.6.

搞趣贺卡微信小程序新春贺卡

媒体推荐 心意贺卡diy是一个电子贺卡制作小程序.

明天母亲节用这款小程序给妈妈送一张贺卡吧

心意贺卡坦散diy小程序截图

小小贺卡小程序

微信小程序制作生日祝福贺卡的方法介绍

祝福兆皮贺卡小程序节日贺卡小程序祝福贺卡小程序源码v471

此外这款小程族信差序还是很跟时代.如何制作一张给妈妈的贺卡呢

梦象贺卡小程序

明天母亲节用这款小程序给妈妈送一张贺卡吧

心意贺卡diy小程序

贺卡小程序让你上班依旧嗨

擎微小程序 祝福贺卡小程序源码 3.9 后台模块 前端

---