Круглые объекты JavaScript

//Canvas method
const canvas = document.createElement('canvas')
const c = canvas.getContext('2d')

c.beginPath()
c.ellipse(x, y, width, height, 0, 0, Math.PI * 2)
c.closePath()
c.fillStyle = 'red'
c.fill()

//Div method
const newDiv = document.createElement('div')
newDiv.style.background = 'red'
newDiv.style.height = "100px"
newDiv.style.width = "100px"
newDiv.borderRadius = "50%"
document.getElementById('parent').appendChild(newDiv)
That weird JS user