javascript - ブラウザで動的な円を描くための最良の方法は何ですか（フラッシュは別として）

Question

円を描きたいのですが、サーバーイベントに基づいてサイズを変更したいですか？js / htmlは可能ですか？

PS：キャンバスを試しましたが、キャンバスでは円のサイズを変更することはできません。

Answer 1

1. SVGの使用。(最も信頼できるもの)
2. HTML5タグでクロスブラウザでないcanvasを使用。(円を描いてからきれいにして、別の円を描く)

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

高さと幅が同じで、「border-radius」が 50%、「border-width」が数ピクセルのブロック要素を作成してみてはどうでしょうか。

ここに例があります。 動的にサイズ変更する必要がある場合は、JavaScript で高さと幅を設定できます。