七夕发福利，程序猿单身狗脱单神器，源码干货！
一年一度的七夕又到了，看到路上的情侣一双双，一对对，再看看自己，对影成三人，有没有很失落？有没有很羡慕？心动不如行动，那么身为程序猿，我们该如何像心仪的女神表白呢？
程序猿大多都不擅长玩套路，也不会说甜言蜜语，但有时候程序也可以很甜哦！下面介绍用程序猿的方式来表白！
程序猿也分很多种，嵌入式程序猿等跟硬件打交道多的，今年七夕怕是没机会了，毕竟一个晚上也整不出一套设备，不过网页前端的程序猿还可以抱抱佛脚，写一个表白网页来俘获女神芳心。
网页表白的思路是，首先写一个简单的网页游戏，比如拼图，大家来找茬，或者模拟抽奖。等女神游戏过关或者抽中大奖之后，突然跳转到爱心表白页面。
游戏一定要简单，不然女神玩不过就很尴尬了。爱心表白页面一定要精彩夺目，最好动静结合吸引眼球，然后精选一首情歌自动循环播放。
按照上面的思路来做，不说女神一定会爱上你，但至少惊喜是肯定的！而且这样的程序对程序猿来说也是非常简单的。下面就给大家打个样！
网页游戏部分没做跳过，主要看看爱心表白页面。
【七夕发福利，程序猿单身狗脱单神器，源码干货！】html5的canvas是个好东西，通过canvas我们可以随心所欲的地将我们心中所想都呈现在浏览器上。
首先创建一个canvas标签，然后我们要添加我们精选的歌曲，比如这里的travelWithYou.mp3，看这Chinglish就知道这是去年很火的《带你去旅行》。我们要让歌曲自动循环播放，不能忘了添加autoplay和loop属性，这样女神一打开网页就能听到优美的旋律了。
文章图片
图片发自App 接下来我们要用玫瑰花画出一个爱心，然后把我们和女神的照片放到里面。按照面向对象的程序设计思想，我们首先抽象出一个玫瑰爱心的类，然后再要用的地方new一个对象。
文章图片
图片发自App 七夕当然不能少了鹊桥会，喜鹊我们事先用PS抠出来，然后让他们沿着圆弧方程的轨迹飞行，形成鹊桥，再把你跟女神的照片放在鹊桥上，还要记得用上面实现的玫瑰爱心包裹照片，这样浪漫的鹊桥相会就出来了。
文章图片
图片发自App 为了显示我们程序猿有文化，有内涵，再贴一首五颜六色的《鹊桥仙》在适当位置。
文章图片
图片发自App 有了背景音乐，鹊桥会，古诗词等做铺垫，就到了要表白的时候了。在网页上比较醒目的位置贴上你想对女神说的悄悄话，就像下面这样。
文章图片
图片发自App 页面讲究动静结合，下面的代码可以从底部随机位置，飞出很多红色的爱心，场面瞬间就活了起来。
文章图片
图片发自App 好了，代码就写完了，就是这么简单。下面就是浏览器上的效果，浅色的那些爱心是从下往上冒的，玫瑰爱心是动态的。喜鹊从两边飞出变成鹊桥。就是这人物图扣地太不走心了，大家可以换成自己和女神的照片。
文章图片
图片发自App 比如，下面这个实例。这图就扣地良心多了，应该给我奖励一个鸡腿！
文章图片
图片发自App 爱心表白的网页程序介绍完了，写完代码记得上传到自己的apache或者nginx，然后把链接发给女神，表白就是这么简单。程序猿们赶快行动起来吧！
源码太多，就不贴在文章里面了，有小伙伴需要的话，在下面点赞留邮箱，我一一发给大家！
最后，预祝大家七夕脱单成功！
推荐阅读
- 宽容谁
- 讲述，美丽聪明的海欧！
- 夜游宫|夜游宫 心语
- 画画吗（）
- 深入理解Go之generate
- 图书集合完毕
- 【故障公告】周五下午的一次突发故障
- 即将到手三百万
- 7.9号工作总结～司硕
- 《魔法科高中的劣等生》第26卷（Invasion篇）发售