如何在使用itextpdf将HTML转换为PDF时使用border-radius。

huangapple
go评论106阅读模式
英文:

How to use border-radius while converting html to pdf using itextpdf

问题

  1. <table style="border-radius:20px; border:1px solid;">
  2.     <tbody>
  3.         <tr>
  4.             <td style="padding-left: 16px; padding-top: 11px; padding-bottom: 11px;border: 1px solid #909090; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius:20px;">
  5.                 <div>
  6.                     <p>$text1</p>
  7.                 </div>
  8.             </td>
  9.             <td style="padding-left: 16px; padding-top: 11px; padding-bottom: 11px; border-right: 1px solid #909090;">
  10.                 <div>
  11.                     <p>$text2</p>
  12.                 </div>
  13.             </td>
  14.             <td style="padding-left: 16px; padding-top: 11px; padding-bottom: 11px;">
  15.                 <div>
  16.                     <p>$text3</p>
  17.                 </div>
  18.             </td>
  19.         </tr>
  20.     </tbody>
  21. </table>
  1. XMLWorkerHelper xmlWorkerHelper = XMLWorkerHelper.getInstance();
  2. xmlWorkerHelper.getDefaultCssResolver(true);
  3. xmlWorkerHelper.parseXHtml(pdfWriter, document, new StringReader(template));
英文:

I am trying to round the corners of my table, border-radius doen't seem to work when I convert the below HTML to PDF using Itext pdf generator. Below is the HTML written for table:

  1. &lt;table style=&quot;border-radius:20px; border:1px solid&quot;&gt;
  2. 		&lt;tbody&gt;
  3. 			&lt;tr&gt;
  4. 			&lt;td style=&quot;padding-left: 16px; padding-top: 11px;  padding-bottom: 11px;border: 1px solid #909090; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius:20px;&quot;&gt;
  5. 			&lt;div&gt;
  6. 			&lt;p &gt;$text1
  7.             &lt;/p&gt;
  8. 		    &lt;/div&gt;
  9. 			&lt;/td&gt;
  10. 			&lt;td style=&quot;padding-left: 16px; padding-top: 11px;  padding-bottom: 11px; border-right: 1px solid #909090;&quot;&gt;
  11. 			&lt;div&gt;
  12. 			&lt;p &gt; $text2
  13.             &lt;/p&gt;
  14. 		    &lt;/div&gt;
  15. 			&lt;/td&gt;
  16. 			&lt;td style=&quot;padding-left: 16px; padding-top: 11px;  padding-bottom: 11px;&quot;&gt;
  17. 			&lt;div&gt;
  18. 			&lt;p&gt;$text3
  19.             &lt;/p&gt;
  20. 		    &lt;/div&gt;
  21. 			&lt;/td&gt;
  22. 			&lt;/tr&gt;
  23. 		&lt;/tbody&gt;
  24. 	&lt;/table&gt;

ITEXT PDF CODE:

  1. XMLWorkerHelper xmlWorkerHelper = XMLWorkerHelper.getInstance();
  2. 			xmlWorkerHelper.getDefaultCssResolver(true);
  3. 			xmlWorkerHelper.parseXHtml(pdfWriter, document, new StringReader(template));

答案1

得分: 2

我之前在使用Itext5，升级到Itext7后，border-radius属性开始起效。

英文:

I was using Itext5 , After upgrading to Itext7, border-radius property started working

huangapple
  • 本文由 发表于 2020年9月29日 19:57:51
  • 转载请务必保留本文链接：https://go.coder-hub.com/64119146.html
  • itext
  • java
  • template-engine
  • velocity
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定