/* 导出证书 */ function showCertificate() { // 获取dom let certificateDom = document.querySelector('.box-certificate'); certificateDom.style.display = certificateDom.style.display == "block" ? "none" : "block"; let certificateNameDom = document.querySelector('.box-certificate-name>span'); let classInfo = getClassInfo(); certificateNameDom.innerText = classInfo.thank.name; let mainVideoDom = document.getElementById("mainVideo"); mainVideoDom.pause(); // 控制按钮展示 const buttonDom = document.getElementsByClassName('box-btn')[0]; buttonDom.style.display = 'none'; } function exportCertificate() { // 获取dom let certificateDom = document.querySelector('.box-certificate'); // 创建dom let canvas = document.createElement('canvas'); let ctx = canvas.getContext('2d'); // 设置dom尺寸 canvas.width = certificateDom.offsetWidth; canvas.height = certificateDom.offsetHeight; // 调用 html2canvas 方法,创建一个下载链接,将dom转成base64下载 html2canvas(certificateDom).then(function (canvas) { let imgData = canvas.toDataURL('image/png'); let link = document.createElement('a'); link.download = '鸣谢证书.png'; link.href = imgData; document.body.appendChild(link); link.click(); document.body.removeChild(link); certificateDom.style.display = "none"; }); }