一、案例简介 【知识点|h5页面生成分享海报(保存图片、分享)】最近遇见了h5分享页面,就是自己写的整页内容(内含二维码)可以长按保存到手机里,然后发给别人。
其实就是h5生成分享海报,以前的时候写过这个东西,但是太久了都忘了,然后上网去搜索,答案也是五花八门,也很不简洁,自己理解起来也很费劲,好不容易把代码搬到自己这边,运行不起来是一方面,另一方面是改成自己的比较费劲…所以我写了一个很简洁的小案例,也算是给自己留一份笔记。在第三模块会将完整代码整份贴出。
移动端(手机端)演示:
电脑模拟手机:
二、案例详解
1.说明:
页面是普通的html代码,该怎么写就怎么写,让他变成图片这块是借助 html2canvas
这个第三方 js 库实现的。
那这个html2canvas
东西是啥呢?下面进入网址自行查看:
他的中文网址:https://allenchinese.github.io/html2canvas-docs-zh-cn/
英文网址?
推荐阅读
- 运维测试|谷歌添加postman插件
- 体系ke-大前端2022版|完结无密
- 某ke网-前端工程师2022版|最新完结无密
- hel-micro 模块联邦新革命
- LeetCode 题解 | 1. 两数之和 Javascript 版
- element Collapse el-collapse折叠面板默认全部打开或者关闭默认打开1个 默认打开指定数量的面板
- vue.js|element组件 解决DateTimePicker + vue 弹出框只显示小时和“至”字处理