前端js实现微信心形相册拖拽

今天上班有个小伙伴要实现下面这个相册拖拽的功能
听他讲代码交易平台这个不完善的功能价值200米【手动狗头】
前端js实现微信心形相册拖拽实现效果如上 ↑
效果描述:将照片列表中喜欢的照片拖放到心形当中,并且可以再次拖回照片列表
首先相册列表中采用弹性盒子布局,这样呢照片拖出来,照片可以自动向前伸缩,css代码就不展示了
下面看看html代码
前端js实现微信心形相册拖拽
下面是js代码
前端js实现微信心形相册拖拽
是不是很简单【狗头】
这个功能只要看看API
[API地址]:https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setData
如果是一份完整的代码,是不是还需要添加相册照片之间拖拽互换位置,再加个canvas生成心形截图,
那么问题来了为啥没有,。。。。因为我还没仔细瞅

上一篇:有史以来最详细 安装部署Kubernetes Dashboard (补充解决官方出现的一些RBAC CERT等问题)


下一篇:SylixOS同步互斥之二进制信号量(二)