中青在线：这个清明，用你的手为英烈的碑文描金

2016-04-07 H5案例分享 H5案例分享

案例：这个清明，用你的手为英烈的碑文描金

出品：中青在线

亮点：

作品起始页用3D特效展示纪念碑，再点击按钮参观浮雕细节。结束参观后，可以与页面互动，用手指在屏幕上描写碑文。描金后可以点击签名墙按钮，签上自己的名字以表心意，还可以查看身边的烈士陵园。作为一支h5，内容还是很丰富的。
起始页的3D效果是通过js播放序列帧实现的，而描金和签名部分运用了canvas
用户体验上很好，整体感觉流畅，是一支很成熟的案例

技术实现： jQuery+canvas

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

识别图中二维码

中青在线：这个清明，用你的手为英烈的碑文描金-查阅二维码

中青在线：这个清明，用你的手为英烈的碑文描金

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

标签