p5.js saveStrings() Function

p5.js saveCanvas() Function

Last Updated : 21 Aug, 2023

The saveCanvas() function is used to save a p5.Table object to a file. The format of the file saved can be defined as a parameter to the function. It saves a text file with comma-separated-values by default, however, it can be used to save it using-tab separated-values or generate an HTML table from it.

Syntax:

saveCanvas(selectedCanvas, filename, extension)

saveCanvas(filename, extension)

Parameters: This function accepts three parameter as mentioned above and described below.

selectedCanvas: This is a p5.Table object that would be saved to the file.
filename: It specifies the string that is used as the filename of the saved file. It is an optional parameter.
extension: It is a string which denotes the extension of the file to be saved. It is an optional parameter.

Below example illustrates the saveCanvas() function in p5.js:

Example:

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') 
} 

Output:

save-canvas

Online editor: https://editor.p5js.org/

Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

Reference: https://p5js.org/reference/#/p5/saveCanvas

p5.js saveStrings() Function

sayantanm19

Improve

Article Tags :

Similar Reads

p5.js resizeCanvas() Function

The resizeCanvas() function is used to resize the canvas to the height and width given as parameters. The canvas is immediately redrawn after the resize takes place unless the optional 'noRedraw' parameter is set to true. Syntax: resizeCanvas(w, h, [noRedraw]) Parameters: This function accepts three

p5.js save() Function

The save() function in p5.js is used to save to the file system by prompting a download to the computer. This function can be used to save text, images, JSON, CSV, wav, or HTML files. The default option is to save the current canvas as an image.The first parameter of the function can be specified va

p5.js saveJSON() Function

The saveJSON() function is used to write an object or array of objects as a JSON object to the .json file. The saving of the file will vary depending on the web browser. Syntax: saveJSON( json, filename, optimize ) Parameters: This function accept three parameters as mentioned above and described be

p5.js saveStrings() Function

The saveStrings() function is used to write an array of strings with one line per string to the file. The saving of the file will vary depending on the web browser. Syntax: saveStrings( list, filename, extension ) Parameters: This function accept three parameter as mentioned above and described belo

p5.js saveTable() Function

The saveTable() function is used to save a p5.Table object to a file. The format of the file saved can be defined as a parameter to the function. By default, it saves a text file with comma-separated-values, however, it can be used to save it using-tab separated-values or generate an HTML table from

p5.js radians() Function

The radians() function in p5.js is used to convert a given degree measurement value to its corresponding value in radians. Syntax: radians( degrees ) Parameters: This function accepts single parameter degrees which is to be converted into radians. Return Value: It returns the converted radians value

p5.js tan() function

The tan() function in p5.js is used to calculate the tangent value of an angle in radians taken as the input parameter of the function. Syntax: tan(angle) Parameters: This function accepts a single parameter angle which is an angle in radian whose tangent value is to be calculated. Return Value: It

p5.js sin() function

The sin() function in p5.js is used to calculate the sine value of an angle in radians taken as the input parameter of the function and gives the result in between -1 to 1. Syntax:sin( angle )Parameters: This function accepts a single parameter angle which is an angle in radian whose sine value is c

p5.js parent() Function

The parent() function is used to attach the element as a parent element. This function accepts either a string ID, DOM node, or p5.Element. This function returns the parent node if it does not contain any parameters. Syntax: parent( parent ) or parent() Parameters: It contains single parameter paren

p5.js square() Function

The square() function is an inbuilt function in p5.js which is used to draw the square on the screen. A square contains four equal sides and four angles each of 90 degrees. It is the special case of a rectangle where width and height are equal. Syntax: square( x, y, s, tl, tr, br, bl ) Parameters: T