今天上班有个小伙伴要实现下面这个相册拖拽的功能
听他讲代码交易平台这个不完善的功能价值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. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。