Javascript 材质图标错误-图标会变成像这样的角色”；S"&引用；"&引用；A「&引用；R"；HTML2Canvas运行后

在运行html2canvas/jspdf脚本之前，打开对话框的材质图标在页面上看起来应该是这样的。此图标打开带有导出到excel和pdf功能的对话框菜单。单击pdf选项并运行下面的脚本时，用于打开对话框的图标将被以下两个库之一重新编码：jspdf或html2canvas。它将Md图标标签内的文本转换为单独的承租人自己的一行。我希望有人遇到过类似的事情

<md-icon>assignment_late</md-icon>

迟交作业 打开对话框->SaveToPDF/ClickeeEvent->运行脚本后，材质图标消失，因为里面的html看起来是这样的

<md-icon>
"a"
"s"
"s"
"i"
"n"
"g"
"m"
"e"
"n"
"t"
"_"
"l"
"a"
"t"
"e"
</md-icon>

“a”
“s”
“s”
“我”
“n”
“g”
“m”
“e”
“n”
“t”
"_"
“l”
“a”
“t”
“e”

HTML2Canvas/JSPDF的脚本

html2canvas(source, {
canvas:canvas,
onrendered: function (canvas) {
//! MAKE YOUR PDF
var pdf = new jsPDF('p', 'pt', 'a3');
for (var i = 0; i <= source.clientHeight / 980; i++) {
//! This is all just html2canvas stuff
var srcImg = canvas;
var sX = 0;        //sourceImage x coord
var sY = 0;  // start 980 pixels down for every new page
var sWidth = srcImg.width;  //source image width
var sHeight = srcImg.height; //source image height        
var dX = 0;        //destination canvas x coord
var dY = 0;        //destination canvas y coord
var dWidth = srcImg.width;  //destination canvas width
var dHeight = srcImg.height; //destination canvas height
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1;
var yyyy = today.getFullYear();
var hours = today.getHours();
var minutes = today.getMinutes();
var previewPane = document.getElementById('previewPane');
var title = edc.exportTitle;
window.onePageCanvas = document.createElement("canvas");
onePageCanvas.setAttribute('width', 900);
onePageCanvas.setAttribute('height', 980);
var ctx = onePageCanvas.getContext('2d');
ctx.drawImage(srcImg, sX, sY, sWidth, sHeight, dX, dY, dWidth, dHeight);
// document.body.appendChild(canvas);
var canvasDataURL = onePageCanvas.toDataURL("image/png", 1.0);

var width = onePageCanvas.width;
var height = onePageCanvas.clientHeight;

//! If we're on anything other than the first page,
// add another page
if (i > 0) {
pdf.addPage(612, 791); //8.5" x 11" in pts (in*72)
}
//! now we declare that we're working on that page
pdf.setPage(i + 1);
//! now we add content to that page!
var left = (900 - dWidth) * 0.5;
var top = (980 - dHeight) * 0.5;

pdf.addImage(canvasDataURL, 'PNG', left, top, width, height);
}

html2canvas（来源：{
画布：画布，
onrendered：函数（画布）{
//！制作你的PDF
var pdf=新的jsPDF（'p'，'pt'，'a3'）；
对于（var i=0；我猜它是web字体中的一个连字。你能设置webfont吗？我想你可能有什么问题，我现在正在测试图标的字体是否对这一点有影响。我现在和你有同样的问题。图标在chrome上呈现不正确。我只需将Html2Canvas升级到最新版本就解决了这个问题，我相信我已经做到了。）rsion 5.0α。