jspdfでボーダーを設定する方法

1. テキストにボーダーを設定する方法:

var doc = new jsPDF();
doc.text("Hello, World!", 10, 10);
doc.rect(10, 10, 50, 10); // ボーダーを設定するためのrectメソッド
doc.save("example.pdf");

上記の例では、"Hello, World!"というテキストに10x10の位置にボーダーを付けています。

2. テーブルにボーダーを設定する方法:

var doc = new jsPDF();
var data = [
  ["Name", "Age", "City"],
  ["John Doe", "30", "New York"],
  ["Jane Smith", "25", "Los Angeles"],
  ["Bob Johnson", "40", "Chicago"]
];
doc.autoTable({
  head: [data[0]], // ヘッダー行を設定
  body: data.slice(1) // データ行を設定
});
// 全てのセルにボーダーを追加
doc.autoTable({
  html: "#example-table",
  startY: doc.autoTable.previous.finalY + 10
});
doc.save("example.pdf");

上記の例では、テーブルにボーダーが設定されます。autoTableメソッドを使用してテーブルを作成し、rectメソッドを使用してボーダーを追加しています。

これらは、jspdfでボーダーを設定するいくつかの基本的な方法です。必要に応じて、さまざまなスタイルやオプションを組み合わせてカスタマイズすることもできます。詳細は、jspdfの公式ドキュメントを参照してください。