海飞丝：冠军实力敢出头
案例：冠军实力敢出头
出品：海飞丝
亮点：
- 策划上，这是由海飞丝为宣传本公司的产品所打造的一款宣传h5,在这款h5中，先是由用户上传照片打造自己的球员头像，接着以动画的形式去用刚才生成的头像身份去参加比赛，最后生成比赛胜利的合影照。
- 设计上，整款h5以蓝色为背景色和其余亮色为主要色调，对应了巴塞罗那的蓝色球衣。
- 技术上，这款h5以jQuery搭建整个h5的框架，以Canvas技术进行相关动画的展示，使用megapixImage.js技术定位并展示上传的图片，使用Exif.js读取图像的元数据,使用Html2canvas.js进行截屏。
技术实现： jQuery+megapix-images+exif+Canvas+Html2canvas
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
