我对div中背景的大小以及在pdf端显示背景的方式有疑问。
这是我的html:
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<title>Carte CADEAU</title>
<meta charset="UTF-8">
</meta>
<style>
@page{
size: A4;
}
body{
width: 604pt;
height: 432pt;
}
#headerCard{
background:url(data:image/jpg;base64,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);
background-size: cover;
width: 604pt;
height: 432pt;
}
</style>
</head>
<body>
<div id="headerCard">
</div>
</body>
</html>
在网页方面效果很好:
但是运行此命令之后:
log.debug("documentString : " + documentString);
ByteArrayOutputStream binaryOutput = new ByteArrayOutputStream();
HtmlConverter.convertToPdf(documentString, binaryOutput);
pdf不正确:
我觉得比例尺不好+ pdfHtml使用“ background-size:cover;”
您知道什么地方可能出问题了吗。