📜  p5.js | saveTable()函数

📅  最后修改于: 2022-05-13 01:56:28.730000             🧑  作者: Mango

p5.js | saveTable()函数

saveTable()函数用于将 p5.Table 对象保存到文件中。保存的文件格式可以定义为函数的参数。默认情况下,它使用逗号分隔值保存文本文件,但是,它可用于使用制表符分隔值保存它或从中生成 HTML 表格。

句法:

saveTable( Table, filename, options )

参数:此函数接受三个参数,如上所述,如下所述:

  • 表:这是一个 p5.Table 对象,将被保存到文件中。
  • 文件名:它指定用作保存文件的文件名的字符串。
  • options:它是一个字符串,表示要保存的表格的格式。它可以是使用逗号分隔值保存表格的“csv”、使用制表符分隔值保存表格的“tsv”或生成 HTML 表格的“html”。它是一个可选参数。

下面的示例说明了 p5.js 中的saveTable()函数

例子:

function setup() {
  createCanvas(600, 300);
  textSize(20);
   
  text("Click on the button below to "
        + "save the Table Object", 20, 20);
    
  text("Select the output format:", 20, 60);
   
  // Create radio button for choosing
  // file format to save the table
  radio = createRadio();
  radio.position(30, 80);
  radio.option('csv');
  radio.option('tsv');
  radio.option('html');
   
  // Create a button for saving the Table object
  saveBtn = createButton("Save Table to file");
  saveBtn.position(30, 120);
  saveBtn.mousePressed(saveFile);
   
  // Create the table for saving to file
  table = new p5.Table();
   
  table.addColumn('Invention');
  table.addColumn('Inventors');
   
  let tableRow = table.addRow();
  tableRow.setString('Invention', 'Telescope');
  tableRow.setString('Inventors', 'Galileo');
   
  tableRow = table.addRow();
  tableRow.setString('Invention', 'Steam Engine');
  tableRow.setString('Inventors', 'James Watt');
   
  tableRow = table.addRow();
  tableRow.setString('Invention', 'Radio');
  tableRow.setString('Inventors', 'Guglielmo Marconi');
}
   
function saveFile() {
   
  // Get the output format selected
  // from the radio buttons
  outputFormat = radio.value();
   
  // Save the table to file with the given format
  saveTable(table, 'tableOutput', outputFormat);
}

输出:
保存 tsv 表

在线编辑器: https://editor.p5js.org/

环境设置: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

参考: https://p5js.org/reference/#/p5/saveTable