有什么方法可以使用 jsPDF 将 table 单元格的文本居中吗?
Is there any way to center text of table cells with jsPDF?
我想在使用 jsPdf 生成 PDF 期间使 table 个单元格文本居中。有什么方法可以使用 jsPdf 使 pdf 的文本居中对齐(默认情况下它是左对齐的)。
感谢和问候,
非洲裔阿里
您可以在选项中设置对齐方式或作为参数取决于您创建 pdf 的方式,并且 Post 您的试用代码存在问题,否则您将得到否定的回应。
var doc = new jsPDF('p', 'pt', 'a4');
//Alignment based on page width
doc.writeText(0, 40 ,'align - center ', { align: 'center' });
doc.writeText(0, 80 ,'align - right ', { align: 'right' });
doc.writeText(0, 120 ,'align - left '});
//Alignment based on text container width
doc.writeText(0, 120 ,'align - center : inside container',{align:'center',width:100});
您也可以将文档转换为实际的 PDF:
const doc = new jsPDF('p','pt','a4');
doc.addHTML(document.body,function() {
doc.save('html.pdf');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
<div>
<div style="text-align:center">Hello World</div>
</div>
我想在使用 jsPdf 生成 PDF 期间使 table 个单元格文本居中。有什么方法可以使用 jsPdf 使 pdf 的文本居中对齐(默认情况下它是左对齐的)。
感谢和问候, 非洲裔阿里
您可以在选项中设置对齐方式或作为参数取决于您创建 pdf 的方式,并且 Post 您的试用代码存在问题,否则您将得到否定的回应。
var doc = new jsPDF('p', 'pt', 'a4');
//Alignment based on page width
doc.writeText(0, 40 ,'align - center ', { align: 'center' });
doc.writeText(0, 80 ,'align - right ', { align: 'right' });
doc.writeText(0, 120 ,'align - left '});
//Alignment based on text container width
doc.writeText(0, 120 ,'align - center : inside container',{align:'center',width:100});
您也可以将文档转换为实际的 PDF:
const doc = new jsPDF('p','pt','a4');
doc.addHTML(document.body,function() {
doc.save('html.pdf');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
<div>
<div style="text-align:center">Hello World</div>
</div>