将HTML转化图片类型

开发工具与关键技术：vs mvc
作者：朱某人
撰写时间：2019年5月 25日

在学习的一个关于学校教育的系统中让我学到了很多新的知识，其中有一个是将学生的成绩查询到做成类似于证书的样式再利用一个插件变成图片的类型。
首先是查询到学生的成绩，筛选出是否合格，合格后就姓名、得分、日期这些输入到证书样式中，就是完整的一个证书了，最后的就是打印出这张证书。
查询的代码：public ActionResult SelectUserAchievment(int UserID)//查询用户的最高分数
{
var listAchievment = (from tbAchievement in myModel.PW_Achievement
where tbAchievement.UserID == UserID
orderby tbAchievement.Achievement descending //降序（从高到低）
select new
{
tbAchievement.Achievement,
tbAchievement.AchievementID
}).ToList();//id为5是及格
var listEligibleType = myModel.SYS_EligibleType.Where(m => m.EligibleTypeID == 5).Select(m => m).Single();
if (listAchievment.Count > 0)
{
if (listAchievment[0].Achievement >= Convert.ToDecimal(listEligibleType.ScoreRange))
{
return Json(listAchievment, JsonRequestBehavior.AllowGet);
}
else
{
return Json(“不及格”, JsonRequestBehavior.AllowGet);}}
else
{return Json(“无成绩”, JsonRequestBehavior.AllowGet);}}
上面这个是查询最高成绩，id=5是合格类型表里的，1-5是合格的，后面的是不合格的。
public ActionResult SelectStudentNumber(int UserID)//查询学号
{
var listNumber = myModel.PW_Student.Where(m => m.UserID == UserID).Select(m => m.StudentNumber).ToList();
return Json(listNumber, JsonRequestBehavior.AllowGet);}
这一段是查询学号的，学号在这里面就等于证书的编号，都是一样的。
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲creatImg").clic…("#certificateBox"), {
allowTaint: true,
taintTest: false,
onrendered: function (canvas) {
canvas.id = “mycanvas”;
//生成base64图片数据
var dataUrl = canvas.toDataURL();
$("#modCertificateImg").attr(“src”, dataUrl)}});
这个是用了插件内部代码的一些功能，将这些样式转化成图片的形式，获取到证
书样式了的ID，就可以转化的了，还要将考试时的时间导进去，总体就是这么一
些，还有一部分的代码没有放出来，大部分都是一些判断，这个就是判断多了些，
最后就附上效果图：