44 lines
1.4 KiB
JavaScript
44 lines
1.4 KiB
JavaScript
/*
|
||
导出证书
|
||
*/
|
||
|
||
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";
|
||
});
|
||
} |