其他分享
首页 > 其他分享> > 前端js实现微信心形相册拖拽

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

作者:互联网

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

标签:相册,代码,js,照片,API,列表,拖拽
来源: https://blog.csdn.net/CrisMing/article/details/122820193