p5.js displayDensity() Function
Last Updated :
10 Aug, 2023
Improve
The displayDensity() function in p5.js is used to return the pixel density of the current display the sketch.
Syntax:
javascript
Output:
Reference: https://p5js.org/reference/#/p5/displayDensity
pixelDensity(density)Parameters: This function accepts single parameter density which stores the display density. Below program illustrates the displayDensity() function in p5.js: Example:
function setup() {
// Create canvas of given size
createCanvas(windowWidth, windowHeight);
// Call the displayDensity function
let density = displayDensity();
pixelDensity(density);
}
function draw() {
// Set the background color
background(0, 200, 0);
// Set text color
color("green");
// Set font size
textSize(30);
// Set text alignment
textAlign(CENTER);
// Set text to be add
text("GeeksForGeeks!", windowWidth/2, windowHeight/2);
// Display pixelDensity on the screen
text("PixelDensity is " + pixelDensity(),
windowWidth/2, windowHeight/2+40);
}
