この記事では、主に純粋なHTML5の使用を紹介して、Webページに時計のコード共有を記述します。プログラムは非常にシンプルで、時計にデジタル表示がありません。それは純粋に最も基本的なデザインのアイデアを反映しています。それを必要とする友達はそれを参照できます。
あなたが知る必要があること：
Canvasタグは単なるグラフコンテナであり、スクリプトを使用してグラフを描画する必要があります。デフォルトサイズ：幅300px、高さ150px。
getContext（）メソッドは、キャンバスに描画するためのメソッドとプロパティを提供するオブジェクトを返します。 - コンテキストオブジェクトを取得します。
GetContext（2D）オブジェクトのプロパティとメソッドは、キャンバスでテキスト、行、長方形、円などを描画するために使用できます。
fillrect（l、t、w、h）：デフォルトの色はブラックストローク（l、t、w、h）：境界のある正方形です。デフォルトの1ピクセルブラックボーダー
setInterval（）メソッドは関数を呼び出すか、指定された期間（ミリ秒単位）に従って式を計算します。
beginpath（）：描画を開始するパスを定義します。これにより、現在のポイントが（0,0）に設定されます。キャンバス環境が最初に作成されたら、beginpath（）
メソッドは明示的に呼ばれます。
closepath（）：描画パスの終了（起動点とエンドポイントを接続）
円を描く：
arc（x、y、radius、start radian、end radian、rotation方向）
X、Y：開始位置
ラジアンと角度の関係：radian = angle *math.pi/180
回転方向：時計回り（デフォルト：false、反時計回り：真）
コード：
XML/HTMLコードコピーコンテンツにクリップボードに