在浏览器中绘制动态圆的最佳方法是什么（除了闪存）

Question

我想绘制圆圈，我想根据一些服务器事件调整大小？有可能是js / html吗？

PS：我尝试过画布，但画布不允许单独调整圆圈的大小。

Answer 1

1. 使用SVG。 （最可靠的一个）
2. 使用HTML {0}标记的canvas并非跨浏览器。 （绘制一个圆圈然后清理它并画另一个）

3. 使用CSS3 border-radius property。

   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   

Answer 2

尝试Raphael
http://raphaeljs.com/
http://raphaeljs.com/reference.html#Paper.circle
这是一个很好的example如何在拉斐尔画圆圈。

Answer 3

也许创建一个大小相等的块元素，其高度和宽度相等，“border-radius”为50％，“border-width”为几个像素？

Here is an example.如果您需要动态调整大小，可以使用JavaScript设置高度和宽度。