円を描いて色を使って枠線の外に塗りつぶす方法

CSS 2/3でそれを達成することが可能かどうか（または可能でない場合はJSで）、私は疑問に思っていました。円を描いて色を使って枠線の外に塗りつぶす方法

実際に私の願いではなく、イメージとしてこれを有するので、（それが不可能な場合やJSで）クラスで満たされた色の割合を設定することです

enter image description here

どれチュートリアル/ヘルプ感謝しています。

ありがとうございました。

出典

2012-03-26 sf_tristanb

あなたはcssでこの結果を達成することはできません。 canvas要素とjavascriptフレームワークを使用する必要があります。http://paperjs.org/

出典

2012-03-26 12:28:13 QQping

さて、JSのチュートリアルはありますか？私は何をしようとしているの英語の名前を知っていない...それはウェブ上のressourcesを援助することができます;-) –

http://paperjs.org/tutorials/からいくつかのチュートリアルを試してみてくださいあなたがそれらを完了し、このフレームワークを少し理解した後、ローディングバーをアニメートする独自のスクリプトを構築することができます。あなたはそれを相対的に静的に行い、http：//www.jqplot.com/tests/pie-donut-charts.phpを使用します。 – QQping

SVGでもこれを行うことができます。グラデーションを定義し、弧を描き、グラデーションで塗りつぶします。パス上にインラインマーカーを指定することもできます。

出典

2012-03-27 01:13:58

しかし、すべてのブラウザでSVGをサポートするのは悪いです。現在、私はSVGを使用しています。 – QQping

円を描いて色を使って枠線の外に塗りつぶす方法

答えて

関連する問題