每到节日很多小伙伴都喜欢把自己的社交头像加个对应节日的边框,显得有喜庆的氛围。为了迎接新的一年,现在不少小伙伴也开始把自己的头像添加上跟虎年相关的元素。
今天锋哥刚好看到了一键生成 2022 虎年头像的源码,研究了下把它部署到网站上来了,方便大家生成虎年头像。使用很简单,上传你的头像(建议正方形的比例),然后左右切换边框效果,边框可以拖动调整大小和旋转。目前总共有 21 个边框,后续看心情+用的人多的话,可能会新增更多有趣的边框。
手机端也是可以访问生成边框头像的,iOS 端生成后需要拖拽下头像到新标签页打开生成的头像,然后长按保存即可。
(长按生成虎年头像)
源码介绍
这套头像生成程序采用 HTML + CSS + JS 制作,如果你有 VPS 服务器空间/域名,直接上传即可访问,无需部署 PHP 等环境。然后你可以在里面添加自己喜欢的头像边框生成或者修改功能。
例如你要添加头像边框,可以把你找到的边框图片放到 \images\logo 目录里面,然后用代码编辑器打开 index.html 文件,定位到 <img id="img" src="" alt=""> 位置,在下面添加新增的图片路径。
如果你会点前端代码也可以自己二次折腾,这里就不多介绍了,感兴趣的可以下载研究研究。
总结
觉得有用,推荐给你的三姑六婆七大姑八大姨好基友好同事……
访问
- 生成头像:
https://x1g.la/2022logo - 源码下载:
https://xia1ge.lanzout.com/iBJ28yrrg4d
(解压码:公众号锋哥)