显示背景图像 HTML2PDF
Display background image HTML2PDF
我想使用在线工具或 html2pdf 库将 html 文件转换为 pdf 格式。但是它会转换所有页面而不是背景图像。
<STYLE type="text/css">
body {margin-top: 0px;margin-left: 0px;
background-image: url(http://162.250.122.195/check/0Certificate_of_Attendance_Form_UNDERLINE_images/0Certificate_of_Attendance_Form_UNDERLINE1x1.jpg);
}
</style>
<html>
<body>
<div>
<h1>Hello world!</h1>
<p><a href="http://www.w3schools.com">Visit W3Schools.com!</a></p>
</div>
</body>
</html>
将 body 标签背景更改为 div 标签背景 URL 解决了问题。
<STYLE type="text/css">
#divid{margin-top: 0px;margin-left: 0px;
background-image: url(http://****.jpg);
}
</style>
<html>
<body>
<div id="divid">
<h1>Hello world!</h1>
<p><a href="http://www.w3schools.com">Visit W3Schools.com!</a></p>
</div>
</body>
</html>
我想使用在线工具或 html2pdf 库将 html 文件转换为 pdf 格式。但是它会转换所有页面而不是背景图像。
<STYLE type="text/css">
body {margin-top: 0px;margin-left: 0px;
background-image: url(http://162.250.122.195/check/0Certificate_of_Attendance_Form_UNDERLINE_images/0Certificate_of_Attendance_Form_UNDERLINE1x1.jpg);
}
</style>
<html>
<body>
<div>
<h1>Hello world!</h1>
<p><a href="http://www.w3schools.com">Visit W3Schools.com!</a></p>
</div>
</body>
</html>
将 body 标签背景更改为 div 标签背景 URL 解决了问题。
<STYLE type="text/css">
#divid{margin-top: 0px;margin-left: 0px;
background-image: url(http://****.jpg);
}
</style>
<html>
<body>
<div id="divid">
<h1>Hello world!</h1>
<p><a href="http://www.w3schools.com">Visit W3Schools.com!</a></p>
</div>
</body>
</html>