How to draw a circle in html

Question

Hy, I wish to draw a circle in a html page, unfortunately I cannot use css3 stuff like: border-radius, is there any more basic other way without html5 or css3? thx!

http://stackoverflow.com/questions/6936972/draw-circle-using-css-alone — brandelizer, Nov 11 '14 at 12:47
Do you actually want to 'draw' a circle or do you just want to display one somewhere? What size circle and to what end? — Tim Ogilvy, Nov 11 '14 at 13:48

score 1 · Answer 1 · answered Nov 11 '14 at 12:50

1

In order of complexity, here are your options:-

1) Use the <IMG> element to link to and display an image of a circle
2) Use CSS to create one (I know you've already said you can't do this)
3) Use the CANVAS element and Javascript to draw a circle in the element
4) You could also use SVG and (again) Javascript to do this - or you could use a javascript library like Raphael to achieve this.

Without using "HTML5", CSS or JS however, I'd say the only remaining option is #1.

answered Nov 11 '14 at 12:50

Mat Richardson

3,576
4
31
56

Or this http://stackoverflow.com/questions/6936972/draw-circle-using-css-alone which would be much more flexible than an image – Turnip Nov 11 '14 at 12:52
Yes, but the user has already said they won't be using CSS. – Mat Richardson Nov 11 '14 at 16:33
`I cannot use **css3** stuff ...` – Turnip Nov 11 '14 at 16:47

score 0 · Answer 2 · answered Nov 11 '14 at 13:43

0

this called circle

.circle{
  border: 1px solid #000;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  }

<div class="circle"></div>

answered Nov 11 '14 at 13:43

Avinash Antala

641
5
10

How to draw a circle in html

2 Answers2