在项目学习中,我们有一个就是学生要打印的证书,那就是把数据表示出来并把数据生成图片,那么怎样才能把它变成图片呢?
那么不管做什么它都得把数据查询出来,对于查询我们学习得也是蛮多的了,代码就不用怎么敲了:还是那一步,把数据从数据库里查询出来,查询出来之后获取信息,还有的就是要有证书的才能生成图片,所以先获取选择已有证书的学生,然后再把证书生成图片,
//生成图片
function CreateImage() {
var width = $(".txtBox").width();
$("modelImage .modal-dialog").width(width);
var StudentName = $("#StudentName").text().trim();
if (StudentName != "") {
html2canvas($("#certificateBox"), {
onrendered:function(canvas){
//console.log(canvas);
//生成base64图片数据
var dataUrl=canvas.toDataURL();
$("#modCertificateImg").attr("src",dataUrl);
}
});
$("#modelImage").modal("show");
} else {
layer.alert("请选择合格学生信息");
}
}
生成图片后右击可可以复制、保存图片
作者:吴炳耀