浦发银行：花艺DIY

2018-11-22 H5案例分享 H5案例分享

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

识别图中二维码

花艺DIY-查阅二维码

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

案例：花艺DIY

出品：浦发银行

亮点：

策划上，场景布置H5，有5个菜单可以选择，分别为背景、桌子、花瓶、花、装饰。当DIY花艺完毕后，可以生成花艺海报。
交互上，添加到场景中的元素，可以拖拽和删除。
技术上，html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片，通过读取DOM并将不同的样式应用到这些元素上实现。

技术实现： jquery、html2canvas

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

标签