The createElement() function is used to create a element in the DOM (Document Object Model). The .position() function is used to set the position of the element.
Note: This function requires the p5.dom library. So add the following line in the head section of the index.html file.
<script src=”https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js”></script>>
Syntax:
createElement( tag, [content] )
Parameters: This function accepts two parameters as mentioned above and described below:
- tag: This parameter holds the tag for the new element.
- content: This parameter holds the html content to be inserted into the element
Return Value: It returns a pointer element holding the created node object.
Example: This example uses createElement() function to create the element.
Javascript
function setup() { // create canvas createCanvas(400, 400);}function draw() { // set background color background(150, 255, 134); // create the element create_element = createElement('h1', ["GeeksForGeeks!"]); // position the element create_element.position(50, 100); } |
Output:
… [Trackback]
[…] Find More on on that Topic: geeksforgeeks.org/p5-js-createelement-function-2/ […]
… [Trackback]
[…] Read More here on that Topic: geeksforgeeks.org/p5-js-createelement-function-2/ […]