什麼是在瀏覽器中繪製動態圓圈的最佳方式（除了閃光燈）

Question

我想繪製圓圈，並且我想根據某些服務器事件重新調整大小。這可能是js/html嗎？ PS：我嘗試過畫布，但畫布不允許單獨調整圓的大小。

Answer 1

嘗試拉斐爾
http://raphaeljs.com/
http://raphaeljs.com/reference.html#Paper.circle
下面是如何繪製圓拉斐爾的好example。

Answer 2

也許可以創建一個具有相同高度和寬度，「邊界半徑」爲50％，幾個像素的「邊框寬度」的大小的塊元素？

Here is an example.如果您需要動態調整大小，可以使用JavaScript設置高度和寬度。

Answer 3

1. 使用SVG。 （最可靠的）
2. 使用canvas這是HTML5標記，並且不是跨瀏覽器。 （畫一個圓然後清理它並畫另一個）

3. 使用CSS3 border-radius property。

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