ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-02-08 11:34:03  阅读:169  来源: 互联网

标签:相册 代码 js 照片 API 列表 拖拽


今天上班有个小伙伴要实现下面这个相册拖拽的功能
听他讲代码交易平台这个不完善的功能价值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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有