今天下午，朋友圈炸了，大家都在求国旗。欢迎来到国庆更新活动|微信开通腾讯新闻综合服务。我们也来蹭热度，聊聊技术。猜猜如何实现授权——获取用户头像、加载图片、手势操作——移动、缩放、合成图片、下载图片，如何验证，当然以上只是我的看法。通过观察分析节点，发现确实加载了图片。地址为blob:一开始没有canvas操作，基于DOM，使用scale，translate等transfrom支持合成，依赖html2canvas库，基于长按图片下载。自己动手吧，因为我的公众号是个人账号，没有权限。所以让我们稍微改变一下。对不起各位，我昨天还没写完就下班了。测试地址终于说完了。说说上传图片的要点使用FileAPI获取文件，URL.createObjectURL(file)convertfiletourl//上传头像功能块uploadInput.addEventListener('change',function(){if(this.files.length){varfile=this.files[0];avatarView.style.backgroundImage='url('+URL.createObjectURL(file)+')';//avatarView.src=URL.createObjectURL(file)}})手势操作e.触摸时会有当前的触发点。通过transfrom合成，当然是因为多个值会导致坐标系偏移，所以我用多层来处理。
