网页截图，支持Video截图

JS网页截图，支持Video截图

<script type="text/javascript" src="name/to/path/FullPageCaptureWithVideo.js"></script> <script type="text/javascript"> FullPageCaptureWithVideo.capture(YourDomElement, function (imageDataURL) { // TODO：处理图片 }); </script> 示例1：全网页截图

FullPageCaptureWithVideo.capture(null, function (data) { // 新窗口打开图片 window.open().document.write("<img src=" + data + " />"); // 当然，你也可以直接上传保存图片 // Upload(data) }); 示例2：截取某个节点/区域

FullPageCaptureWithVideo.capture({ dom: document.getElementById('video_chat_container') }, function (data) { // 新窗口打开图片 window.open().document.write("<img src=" + data + " />"); // 当然，你也可以直接上传保存图片 // Upload(data) }); 示例3：还可以自行指定html2canvas.min.js的地址

FullPageCaptureWithVideo.capture({ // 默认: 'https://html2canvas.hertzen.com/dist/html2canvas.min.js' h2cUrl: 'your html2canvas.min.js absolute url here...' }, function (data) { // 新窗口打开图片 window.open().document.write("<img src=" + data + " />"); // 当然，你也可以直接上传保存图片 // Upload(data) }); 示例4：加个水印也是OK的

// 设置水印 FullPageCaptureWithVideo.capture({ waterMark: { text:'抓取于：' + new Date().toLocaleString(), font: "20px Arial", color: '#f00', position: { x: 20, y: 20 } } }, function (data) { // 新窗口打开图片 window.open().document.write("<img src=" + data + " />"); // 当然，你也可以直接上传保存图片 // Upload(data) });