我有html表,其中包含我将html表导出为pdf的图像。表已导出但图像未显示我如何显示它。使用jspdf。
代码如下,我正在使用jspdf.debug.js文件 function pdfConvert(){
var pdf = new jsPDF('p', 'pt', 'a4');
pdf.setFontSize(15);
console.log(pdf);
pdf.text(170, 13, 'Status Report');
pdf.setFontSize(10);
var source = $('#tblToPrint')[0]
, specialElementHandlers = {
// element with id of "bypass" - jQuery style selector
'#Data': function(element, renderer){
// true = "handled elsewhere, bypass text extraction"
return true
}
}
margins = {
top: 40,
bottom: 40,
left: 20,
width: '100%'
};
pdf.fromHTML(
source // HTML string or DOM elem ref.
, 30//margins.left // x coord
, 10//margins.top // y coord
, {
'width': margins.width,
'elementHandlers': specialElementHandlers
},
function (dispose) {
pdf.save('Test.pdf');
},
margins
)
}
而我的html表格包含图片
<tbody id="TBM">
<tr>
<td bgcolor="#D9D9D9"><strong>ms</strong></td>
<td bgcolor="#D9D9D9"><strong>we</strong></td>
<td bgcolor="#D9D9D9"><strong>Pa</strong></td>
<td align="center" bgcolor="#D9D9D9"><strong>AL</strong></td>
<td bgcolor="#D9D9D9"><strong>Short comment</strong></td>
<td colspan="4" align="center" bgcolor="#D9D9D9"><strong>sta</strong></td>
</tr>
<tr>
<td>dfsdf</td>
<td> sdfdd</td>
<td >sdfdsf</td>
<td >dfsd</td>
<td >shtCmt</td>
<td width="30px" class="tdClick">
<img src="img/TickStatus.jpg">
</td>
<td width="30px" class="tdClick">
<img src="img/RedStatus.jpg">
</td>
<td width="30px" class="tdClick">
<img src="img/BlueStatus.jpg">
</td>
<td width="30px" class="tdClick">
<img src="img/OrangeStatus.jpg">
</td>
</tr>
</tbody>