p5.js | setPath() Function

p5.js parent() Function

Last Updated : 03 Mar, 2021

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 parent which holds the string p5.Element Object as element. Below example illustrates the parent() function in p5.js: Example:

javascript

function setup() {  
   
    // Create Canvas of given size 
    var cvs = createCanvas(600, 250);
}

function draw() {
  
    // Set the background color
    background('green'); 
  
    // Use createDiv() function to
    // create a div element
    var myDiv = createDiv('GeeksforGeeks');
  
    var myDiv1 = createDiv('A computer science portal for geeks');
  
    // Use parent() function
    myDiv1.parent(myDiv);
  
    // Set the position of div element
    myDiv.position(150, 100);  
  
    myDiv.style('text-align', 'center');
  
    // Set the font-size of text
    myDiv.style('font-size', '24px');
  
    // Set the font color
    myDiv.style('color', 'white');

}

Output:

p5.js | setPath() Function

jit_t

Improve

Article Tags :

Similar Reads

p5.js sqrt() function

The sqrt() function in p5.js is used to get the square root of any input number. Syntax: sqrt(n) Parameters: This function accepts single parameter n which is an input non-negative number whose square root is being calculated. Return Value: It returns the square root of any input number. Below progr

p5.js | setPath() Function

The setPath() function is an inbuilt function in p5.js library. This function is used to reset the source for the SoundFile of new path. Syntax: setPath(path, callback) Note: All the sound-related functions only work when the sound library is included in the head section of the index.html file. Para

p5.js preload() Function

The preload() function in p5.js is used to asynchronously load files before the setup() function. It runs exactly once in when the sketch is loaded. Most users do not use the preload() function as the same task can be done in setup() function. However, it is nice to separate similar code in our prog

p5.js setup() Function

The setup() function runs when the program starts. It is used to set the initial environment properties such as text-color, screen size, background-color and load the media file such as images and fonts. The program contains only one setup() function. The setup() function can not be called again aft

p5.js | value() Function

The value() function is an inbuilt function which is used to set or return the value of the element.This function requires p5.dom library. So add the following line in the head section of the index.html file.Â Â javascript <script language="javascript" type="text/javascript" src="path/to/p5.dom.js

p5.js rectMode() Function

The rectMode() function in p5.js is used to change the way in which the parameters given to the rect() function are interpreted. This modifies the location from where the rectangle is drawn. This function can be given four modes: CORNER: This mode interprets the first two parameters as the upper-lef

p5.js select() Function

The select() function is used to search an element in the page with the given id, class or tag name and return it as a p5.element. It has a syntax similar to the CSS selector. An optional parameter is available that can be used to search within a given element. This method only returns the first ele

p5.js remove() Function

The remove() function is an inbuilt function which is used to remove the element and deregister all listeners. This function requires p5.dom library. So add the following line in the head section of the index.html file. javascript <script language="javascript" type="text/javascript

p5.js second() function

The second() function in p5.js is used to return the current second of the system clock. The value of second() function lies between 0 to 59. Syntax: second() Parameters: The function does not accept any parameter. Return Value: This function returns an integer value which represents the current sec

p5.js storeItem() Function

The storeItem() function is used to store a given value under a key name in the local storage of the browser. The local storage persists between browsing sessions and can store values even after reloading the page. It can be used to save non-sensitive information, such as user preferences. Sensitive