gpt4 book ai didi

css - HTML 到 PDF - 如何使用 itext XMLWorker 显示复选框

转载 作者:行者123 更新时间:2023-11-28 12:59:54 25 4
gpt4 key购买 nike

我正在尝试使用 XML worker 显示复选框,但无法这样做。我也尝试过 CSS,但在将 HTML 转换为 PDF 时仍然无法显示相同内容。我正在使用“itextpdf-5.4.2.jar”和“xmlworker-5.4.1.jar”。请求您帮助我使用 YaHP 转换器以外的替代解决方案,因为我已经完成了 90% 的编码。提前致谢!!!!

以下是我试过的示例 HTML 代码:

<HTML>
<HEAD>
<script>

label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 13px;
margin-bottom: 10px;
}
label:before {
content:"";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 1px;
background-color: #aaa;
box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
border-radius: 3px;
}
input[type=checkbox] {
content:"\2713";
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
font-size: 15px;
color: #f3f3f3;
text-align: center;
line-height: 15px;
}
input[type=checkbox]:checked + label:before {
content:"\2713";
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
font-size: 15px;
color: #f3f3f3;
text-align: center;
line-height: 15px;
}

</script>
</HEAD>
<BODY>
<div class="checkbox">
<input id="check1" type="checkbox" name="check" value="check1" CHECKED/>
<label for="check1">Checkbox No. 1</label>
<br/>
<input id="check2" type="checkbox" name="check" value="check2"/>
<label for="check2">Checkbox No. 2</label>
<br/>
<input id="check3" type="checkbox" name="check" value="check3" checked/>
<label for="check3">Checkbox No. 3</label>
</div>
</BODY>
</HTML>

以下是 PDF 格式的输出:

1 号复选框

复选框 2

3 号复选框

最佳答案

在 stackoverflow 中检查这个问题。 HTML to PDF using iText : How can produce a checkbox使用您可以创建的 Unicode '☐' 字符。

关于css - HTML 到 PDF - 如何使用 itext XMLWorker 显示复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21529927/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com