Javascript 使用jsPDF创建单选按钮

Javascript 使用jsPDF创建单选按钮,javascript,jspdf,Javascript,Jspdf,我正在使用jsPdf在客户端生成一个pdf,文档让我很困惑。 我想在pdf中插入一个单选按钮。 在官方文档中有AcroFormRadioButton类,它列出了这个类的构造函数和函数成员,我无法使用 . 我找到了一个可以创建新单选按钮的代码,但我不明白: var doc = new jsPDF('p', 'pt', [ 595.28, 841.89]) doc.setFontSize(10); doc.text(87.03635, 24.691223, '

我正在使用jsPdf在客户端生成一个pdf,文档让我很困惑。 我想在pdf中插入一个单选按钮。 在官方文档中有AcroFormRadioButton类,它列出了这个类的构造函数和函数成员,我无法使用 . 我找到了一个可以创建新单选按钮的代码,但我不明白:

      var doc =  new jsPDF('p', 'pt', [ 595.28,  841.89])
      doc.setFontSize(10);
      doc.text(87.03635, 24.691223, 'Original');
      var radioGroup = new RadioButton();
      radioGroup.V = "/Test";
      radioGroup.Subtype = "Form";
      doc.addField(radioGroup);
      var radioButton1 = radioGroup.createOption("Test");
      radioButton1.Rect = [87.0363, 24.691223, 20, 20];
      radioButton1.AS = "/Test";
      radioGroup.setAppearance(AcroForm.Appearance.RadioButton.Circle);
      doc.save('Test.pdf');

在官方文档中,我找不到RadioButton()构造函数和用于创建RadioButton的方法,我查看了jsPDF的源代码,但问题是相同的


为了理解这段代码,我应该查看jsPdf的文档/源代码

这个演示站点非常有用-

在下拉列表中,选择AcroForms,它将为每个表单元素运行一个快速而脏的设置

以下是简短的版本:

/* global jsPDF */
var doc = new jsPDF();
var {
  RadioButton,
  Appearance
} = jsPDF.AcroForm;


doc.text("RadioGroup:", 50, 165);
var radioGroup = new RadioButton();
radioGroup.value = "Test";
radioGroup.Subtype = "Form";

doc.addField(radioGroup);

var radioButton1 = radioGroup.createOption("Test");
radioButton1.Rect = [50, 170, 30, 10];
radioButton1.AS = "/Test";

var radioButton2 = radioGroup.createOption("Test2");
radioButton2.Rect = [50, 180, 30, 10];

var radioButton3 = radioGroup.createOption("Test3");
radioButton3.Rect = [50, 190, 20, 10];

radioGroup.setAppearance(Appearance.RadioButton.Cross);
我需要稍微改变一下构造函数的导入和使用:

// import
const jsPDF = require('jspdf');
const doc = jsPDF('p', 'pt'); 

// then using the radio button constructor
var radioGroup = new doc.AcroFormRadioButton();

// and using 'appearance'
radioGroup.setAppearance(doc.AcroFormAppearance.RadioButton.Cross);

希望有帮助。

这个演示站点非常有用-

在下拉列表中,选择AcroForms,它将为每个表单元素运行一个快速而脏的设置

以下是简短的版本:

/* global jsPDF */
var doc = new jsPDF();
var {
  RadioButton,
  Appearance
} = jsPDF.AcroForm;


doc.text("RadioGroup:", 50, 165);
var radioGroup = new RadioButton();
radioGroup.value = "Test";
radioGroup.Subtype = "Form";

doc.addField(radioGroup);

var radioButton1 = radioGroup.createOption("Test");
radioButton1.Rect = [50, 170, 30, 10];
radioButton1.AS = "/Test";

var radioButton2 = radioGroup.createOption("Test2");
radioButton2.Rect = [50, 180, 30, 10];

var radioButton3 = radioGroup.createOption("Test3");
radioButton3.Rect = [50, 190, 20, 10];

radioGroup.setAppearance(Appearance.RadioButton.Cross);
我需要稍微改变一下构造函数的导入和使用:

// import
const jsPDF = require('jspdf');
const doc = jsPDF('p', 'pt'); 

// then using the radio button constructor
var radioGroup = new doc.AcroFormRadioButton();

// and using 'appearance'
radioGroup.setAppearance(doc.AcroFormAppearance.RadioButton.Cross);

希望有帮助。

这里有完全相同的问题-jspdf文档和示例没有太大帮助这里有完全相同的问题-jspdf文档和示例没有太大帮助谢谢更新帖子!谢谢你更新帖子!