How to arrange elements randomly in canvas, taking into account the borders of the canvas?

Question

JavaScript

How to arrange elements randomly in canvas, taking into account the borders of the canvas (so that the elements do not go beyond), considering the center of the canvas, let's say the size is 100px X 100px, so that the elements do not fall into the center either.
PS Randomly rendered elements. Confusion with the definition of the center and boundaries.

Answer 1

for x and y use the Math.random() function and pass a range there

Answer 2

if(x>0 && x<canvas.width - el.width && Math.abs(canvas.width/2 - x) > el.width/2) {
// рисуем элемент
}