妖精的口袋：#少女心万寿无缰#

2017-10-12 H5案例分享 H5案例分享

案例：#少女心万寿无缰#

出品：妖精的口袋

亮点：

策划上，这是一款由妖精的口袋为宣传自己的品牌所打造的宣传h5，在这款h5中，通过屏幕的切换向用户展示“少女心”，最后通过用户上传自己的照片便可生成“少女心”的海报。
设计上，这是一款上传生成类的h5，全款h5以亮色为主要色彩基调，表达出一种永远年轻的“少女心”。
技术上，这款h5主要是运用SVG和Canvas技术进行画布的构建和图片的上传，通过Video插件技术进行相关视频的播放。

技术实现： SVG+Canvas+Video

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

识别图中二维码

#少女心万寿无缰#-查阅二维码

完整欣赏此案例大约需要2分钟

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

标签