海报图的方法"/>
Vue 生成海报图的方法
UI给了一张背景图, 需要根据接口返回的数据,将数据填充到背景图中,然后让用户可以通过长按海报转发给朋友。
步骤:
1. 使用了 绝对定位的方式,将数据内容,定位到 背景图 相应的位置
2. 添加依赖 vue-html2canvas
3. 使用 vue-html2canvas 库的方法,将整个海报 div , 生成一张完整的 海报图片, 然后给用户展示的是这张图片 。
更多推荐
Vue 生成海报图的方法
海报图的方法"/>
UI给了一张背景图, 需要根据接口返回的数据,将数据填充到背景图中,然后让用户可以通过长按海报转发给朋友。
步骤:
1. 使用了 绝对定位的方式,将数据内容,定位到 背景图 相应的位置
2. 添加依赖 vue-html2canvas
3. 使用 vue-html2canvas 库的方法,将整个海报 div , 生成一张完整的 海报图片, 然后给用户展示的是这张图片 。
更多推荐
Vue 生成海报图的方法
发布评论