HTML5 キャンバスの基本描画: 長方形の描画

1. Canvas オブジェクトである DOM オブジェクトを取得します。 Canvas オブジェクトを呼び出して CanvasRenderingContext2D オブジェクトを取得します。 3. 描画する CanvasRenderingContext2D オブジェクトを呼び出します。

長方形rect()、fillRect()、ストロークRect()を描画します

•context.rect( x , y , width , height ): 長方形のパスのみを定義します •context.fillRect( x , y )。 , width , height ): 塗りつぶされた四角形を直接描画します。 •context.ストロークRect( x , y , width , height ): 四角形の境界線を直接描画します

コンテンツをクリップボードにコピーします

) の場合、ストロークの境界線が大きい場合、2 番目の点で描画される境界線の半分が明らかにカバーされます。ストロークスタイル属性には、「rgba(255,0,0,0.2 )」設定メソッドを渡すことができます。この設定の最後のパラメータは透明度です。

以上がHTML5 キャンバスの基本描画: 長方形の描画の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。