前言
上一章中已经实现了base64下载：浏览器网页JavaScript实现Base64转图片并下载。
以前一般截图都是在后台进行截图，前端直接获取现成的图片就可以了，现代浏览器网页可以做的事情越来越多，所以可以直接在网页上对视频进行截图，本章就讲讲如何实现JavaScript网页视频截图并下载原理和代码实现。
网页截图实现原理
1、创建canvas画板
2、将video标签当前播放画面绘制到canvas画板
3、利用canvas特性，将当前canvas画板画面转成base64图片
4、创建a标签
5、利用a标签的特性，将base64图片赋值到a标签实现下载截图
6、删除a标签
功能代码实现
实现分为两块，一块是视频截图，第二块是实现图片下载
截图实现
var canvas = document.createElement('canvas')