最初に、下の図に示すように、描画の効果を見てください。このような丸い形の進歩。
HTML5のキャンバスを使用して、このような循環的な進歩を遂げます。
1つ目はHTMLページで、HTML5のドキュメントロゴは次のとおりです。
<！doctype html>
このドキュメントロゴは、HTML4よりもはるかに簡単です。
2番目のステップは、ページにキャンバスキャンバス要素を作成することです。
<キャンバスクラス=プロセス幅= 48px高さ= 48px> 61％</canvas>
ここでは、長さ48ピクセルと幅のキャンバスを作成しました。なぜなら、私が描きたい直径は48ピクセルで、キャンバス要素の61％が中央に表示されるものではないためです。 。
さて、HTMLページのコンテンツはこれまでに完成しており、JavaScriptを使用してリングを描写します。
関数drawrocess（）{//ページ上のすべてのクラスのすべてのクラス要素を選択し、各要素を繰り返します（ここではjqueryの選択で選択されます）$（ 'canvas.process'） Canvas Tag Firstは61％です（StringTrimメソッドは私自身の方法です。前後に行く方法はたくさんあります。長さ--/キャンバスvar Canvasこのキャンバスには、キャンバスには何もありません。 Moveto（24、24）;時計回りまたはcontext.arc（24、24、0、math.pi * 2、false）; // ***灰色の丸い絵画が完成しました//進行状況コンテキスト。ファン型コンテキストではありません。Moveto（24、24）; pi * 2 * process.closepath（） 24、24、21、0、closepath.fillstyle（255,255,255,1）; ; 、塗りつぶし、strokeTheTyle。 context.textalign = er ';まあ、描画後。
サイズ：2.4 kb画像添付ファイルを表示
読んでくれてありがとう、私は皆さんを助けたいと思っています、このサイトへのあなたのサポートに感謝します！