微信小程序基于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.增加旋转功能

在我国，版权是自动产生的，作品一经完成，作者便享有法律赋予的权利。但由于在现实生活中，当产生纠纷时，权利人常常遇到举证困难，因此各国均鼓励作者对作品，尤其是计算机软件作品，进行版权登记，以便在今后的行政救济和司法诉讼时作为权利的初步证明。同时，作者在进行版权贸易，进行版权转让、许可使用等活动时，也需要这样的权利证明文件来方便与另一方签订转让、许可使用等合同。

版权登记机关主要有哪些？各省、自治区、直辖市版权局负责本辖区的作者或其他著作权人的作品登记工作。国家版权局负责外国以及台湾、香港和澳门地区的作者或其他著作权人的作品登记工作。中国版权保护中心受国家版权局委托，负责外国以及台湾、香港和澳门地区的作者或其他著作权人的作品登记工作。

版权登记所需要的相关材料

申请人在提出申请时，应按《作品自愿登记试行办法》的规定提交有关证明和材料：

1、填写作品登记申请书、作品登记表、权利保证书各一份，提交作品原件及复印件、作品说明书（说明创作构思、作品主要特点及内容等）各一份；

2、个人作者申请版权登记的，还应提交身份z复印件；

3、委托创作作品申请版权登记的，著作权人还应提交著作权人及创作者的身份z复印件（著作权人或创作者是单位的，应提交营业执照或法人代码证的复印件、法人代表的身份z复印件）、委托创作合同或协议的原件及复印件各一份；

4、合作作品申请版权登记的，还应提交合作作者的身份z复印件（合作作者是单位的，

应提交营业执照或法人代码证的复印件、法人代表的身份z复印件）、合作创作合同或协议的原件及复印件各一份；

5、职务作品申请版权登记的，应提交作者的身份z复印件、著作权人或专有使用权人的营业执照或法人代码证的复印件、法人代表身份z复印件、聘用合同及著作权归属证明原件及复印件；

6、美术作品或摄影作品申请版权登记的，申请人除按上述情况提交有关材料外，还需提交作品照片二份（不大于3R，可电脑打印），一张贴在“作品登记申请书”左下方空白处，并在上面盖骑缝章，另一张随材料提交。

7、计算机软件版权登记材料：可参考《计算机软件著作权登记办法》，提交以下主要证明文件：自然人、法人或者其他组织的身份z明；有著作权归属书面合同或者项目任务书的，应当提交合同或者项目任务书；经原软件著作权人许可，在原有软件上开发的软件，应当提交原著作权人的许可证明；权利继承人、受让人或者承受人，提交权利继承、受让或者承受的证明。

版权登记流程

填写申请表→提交申请文件→缴纳申请费→登记机构受理申请→补正申请

文件（非必须程序）→取得登记证书（作品登记和查阅应收取一定费用）

1、填写申请表：在中心网站上，首先进行用户注册，然后用户登陆，在线按要求填写申请表后，确认、提交并打印。

2、提交申请文件：申请人或代理人按照要求提交登记申请文件。

3、缴纳申请费：申请文件符合受理要求时，软件登记机构发出缴费通知，申请人或代理人按照通知要求缴纳费用。

4、登记机构受理申请：申请文件符合受理要求并缴纳申请费的，登记机构在规定的期限内予以受理，并向申请人或代理人发出受理通知书及缴费票据。

5、补正程序：申请文件存在缺陷的，申请人或代理人应在规定期限内补正，逾期不补正的，申请将被视为撤回；经补正仍不符合登记办法的，登记机构将不予登记并书面通知申请人或代理人。

6、获得登记证书：经审核确认符合登记条件的，发给《作品登记证》。如到登记受理大厅领取证书，应当在受理之日起30个工作日后，持受理通知书原件领取证书，不予登记的，要说明理由。如版权登记证书需邮递的，请在申请表中填写正确的联系地址。

在版权登记过程中，填写文件有很多规范限制，手续繁多，若其中的某个环节出现问题，很可能导致版权申请不通过，所以说对于不清楚在中国如何进行版权登记的非专业的小伙伴们个人去申请版权登记还是有一定的困难，很多人办理版权登记的时候还是会委托专业的版权机构。

一般管电脑模拟的成品叫效果图，我们会用绘图工具模拟出一件印好图案的成品T恤给顾客看

貌似你要的不是这个吧？

是不是你是要做个图案然后找商家印出来？

不要创意设计的话，你按照一般的照片修改就可以了。

比如图片是人物你就搜下“人物磨皮”“去红眼”之类

如果是风景的话调下亮度，偏色之类就可以了。

你要是用过PS的话应该明白了。

如果ps用的熟，好作品完全靠你的创意了。

明白了

你先照一张空白T恤的照片，做些常规修改再把亮度调亮一些。

然后把准备好要印制的图案打开，拖移到照片上。在编辑里选自由变换，把图案图层的大小位置挑好，然后在右侧图层卡上把图案图层的属性从正常改成叠加或者正片叠底或者加深（一般是这三个，那个效果好要根据图片而定）

之后再在亮度颜色上稍微修改一下让效果显得更真实。

空白T恤自己画也可以，就是不太像真的了。

---