[英]Missing image in pdf generated by html-pdf
我正在使用 HTML-pdf 庫將 HTML 頁面轉換為 pdf。 我在 pdf 上獲得了動態部分,但據報道該圖像丟失了。 我嘗試使用一次性的所有方法,但是,圖像沒有出現在生成的 pdf 中。 我應該怎么辦? 下面是我的 HTML 模板:
<head>
<title>Certificate</title>
<!-- <link rel="stylesheet" href="../stuff/certificate.css"> -->
<style>
html,
body {
height: 100%;
width: 100%;
}
img{
height: 100%;
width: 100%;
margin:0px;
}
#name{
margin-top:-420px;
margin-left: 60px;
}
p{
font-size:40px;
color:black;
font-weight:400;
text-align: center;
}
</style>
</head>
<body>
<img src="../stuff/certificate.jpg">
<div id="name"><p><%=name%></p></div>
</body>
</html>
我按照我的意願得到了這個名字,但是圖像根本沒有出現。 請幫忙。 與 html 相比,該圖像位於不同的文件夾中。
嘗試使用檢測圖像何時加載的 JS 庫。
你可以像這樣使用它:
<script src="https://npmcdn.com/imagesloaded@4.1/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript">
imagesLoaded(document.body, function() {
window.print();
});
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.