I'm trying to develop a dynamic circle using only css and javascript, at first I do not want to use any library and can not use the html canvas.
My idea is to be able to set the size of the circle as follows: the first click of the mouse will define the center of the circle and the next one will define the radius. Is this possible?!
My code today:
#circulo{
background: #666;
border-radius:100%;
width:150px;
height:150px;
}
<!-- html -->
<div id="circulo"></div>
I'm having trouble creating the javascript, can anyone give me an example?