p5.js saveCanvas()用法及代碼示例

saveCanvas()函數用於將p5.Table對象保存到文件中。所保存文件的格式可以定義為函數的參數。默認情況下，它會保存一個帶有逗號分隔值的文本文件，但是，可以將其保存為using-tab separated-values或從中生成HTML表。

用法:

saveCanvas(selectedCanvas, filename, extension)

saveCanvas(filename, extension)

參數：該函數接受上麵提到的和下麵描述的三個參數。

selectedCanvas:這是一個p5.Table對象，將保存到文件中。
filename:它指定用作已保存文件的文件名的字符串。它是一個可選參數。
extension:它是一個字符串，表示要保存的文件的擴展名。它是一個可選參數。

下麵的示例說明了p5.js中的saveCanvas()函數：

例：

function preload() { 
  img = loadImage('sample-image.png'); 
} 
  
function setup() { 
  createCanvas(600, 300); 
  textSize(22); 
  
  background("orange"); 
  text("Click on the button to save the"+ 
       " current canvas to file", 20, 40); 
  image(img, 30, 60); 
  
  // Create a button for saving the canvas 
  removeBtn = createButton("Save Canvas"); 
  removeBtn.position(30, 200) 
  removeBtn.mousePressed(saveToFile); 
} 
  
function saveToFile() { 
  // Save the current canvas to file as png 
  saveCanvas('mycanvas', 'png') 
}

輸出：

save-canvas

在線編輯： https://editor.p5js.org/

環境設置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

參考： https://p5js.org/reference/#/p5/saveCanvas

相關用法

注：本文由純淨天空篩選整理自sayantanm19大神的英文原創作品 p5.js | saveCanvas() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。