The displayDensity() function in p5.js is used to return the pixel density of the current display the sketch.
Syntax:
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);
} |
Output: