星巴克：想和你说，圣诞快乐

2016-12-16 H5案例分享 H5案例分享

案例：想和你说，圣诞快乐

出品：星巴克

亮点：

策划上，图片合成类，用户首页点击我也要制作贺卡后，可以通过点击或滑动在6种图片8种祝福中选择，都选好后，再次输入自己的英文名字，点击“满意了”即可合成自己的专属圣诞贺卡送给心爱的TA，长按屏幕还可保存壁纸图哦。
设计上，圣诞风，采用黑色打底，红色为主，绿色为辅，中间透明的水晶文字看起来也好有感觉。
技术上，图片合成是采用Canvas来实现的，生成的图片时base64格式的，而后将base64格式的图片通过canvas.toDataURL()转成jpeg格式。

技术实现： jQuery + Canvas

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

想和你说，圣诞快乐-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签