javascript - 在浏览器中绘制动态圆圈的最佳方法是什么（除了flash）

Question

我想画圆圈，我想根据一些服务器事件重新调整它的大小？有可能是 js/html 吗？

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

Answer 1

1. 使用SVG。（最靠谱的）
2. 使用作为 HTML5 标签且不是跨浏览器的画布。（画一个圆圈然后清理它并画另一个）

3. 使用CSS3border-radius属性。

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

Answer 2

试试 Raphael
http://raphaeljs.com/
http://raphaeljs.com/reference.html#Paper.circle这是一个如何在 Raphael 中画圆
的好例子。

Answer 3

也许创建一个具有相同高度和宽度、50% 的“边框半径”和几个像素的“边框宽度”的某个大小的块元素？

这是一个例子。 如果需要动态调整大小，可以使用 JavaScript 设置高度和宽度。