我尝试创建一张OMR表。为此需要一个如下设计。我用html& CSS。
但在iTextSharp中,它在浏览器中不能用作html。
<td style="border-width:0 2px 0 4px; border-style:solid; border-color:white; padding:0 20px;">
<div style="height:17px; width:25px; padding:2px; float:left;">1</div>
<div style="height:17px; width:18px; padding:2px; margin:5px 2px; float:left; text-align:center; border-radius:50px; border:1px solid black;">A</div>
<div style="height:17px; width:18px; padding:2px; margin:5px 2px; float:left; text-align:center; border-radius:50px; border:1px solid black;">B</div>
<div style="height:17px; width:18px; padding:2px; margin:5px 2px; float:left; text-align:center; border-radius:50px; border:1px solid black;">C</div>
<div style="height:17px; width:18px; padding:2px; margin:5px 2px; float:left; text-align:center; border-radius:50px; border:1px solid black;">D</div>
</td>
border&amp; border-radius不起作用
我怎么能解决这个想法。 感谢
答案 0 :(得分:2)
我试过这段代码:
public static final String SRC = "circle.html";
public static final String DEST = "circle.pdf";
public static void main(String[] args) throws IOException {
LicenseKey.loadLicenseFile(System.getenv("ITEXT7_LICENSEKEY") + "/itextkey-html2pdf_typography.xml");
Alignment app = new Alignment();
app.createPdf(SRC, DEST);
}
public void createPdf(String src, String dest) throws IOException {
HtmlConverter.convertToPdf(new File(src), new File(dest));
}
文件circle.pdf
看起来像这样(请注意,我将white
删除为边框颜色,否则边框将不可见):
<table>
<tr>
<td style="border-width:0 2px 0 4px; border-style:solid; padding:0 20px;" colspan="3">
<div style="height:17px; width:25px; padding:2px; float:left;">1</div>
<div style="height:17px; width:18px; padding:2px; margin:5px 2px; float:left; text-align:center; border-radius:50px; border:1px solid black;">A</div>
<div style="height:17px; width:18px; padding:2px; margin:5px 2px; float:left; text-align:center; border-radius:50px; border:1px solid black;">B</div>
<div style="height:17px; width:18px; padding:2px; margin:5px 2px; float:left; text-align:center; border-radius:50px; border:1px solid black;">C</div>
<div style="height:17px; width:18px; padding:2px; margin:5px 2px; float:left; text-align:center; border-radius:50px; border:1px solid black;">D</div>
</td>
</tr>
</table>
结果如下:
我认为这或多或少看起来不错,但是:
ITagWorker
实现,以在内容周围绘制真实圆圈,而不是使用圆角,或者,如果您有一组需要圆圈的有限字符,请使用已经使用字形的字体来自圈子。