html5キャンバス(基本長方形)_html/css_WEB-ITnose

簡単なものから始めましょう

fillRect(x,y,width,height)

座標に幅と高さを追加します。 高い境界線の長方形

ただし、lineWidth、lineJoin、ストロークスタイル、miterLimit 設定を使用する必要があります

長方形関数は以下に示します

fillRect(0,0,500,500)//在坐标0，0处加上一个宽高500的填充矩形

座標をクリアします PS で黒いレイヤーを使用するように、長方形の選択ボックスを引き出し、選択を押して透明にします

次に、塗りつぶしスタイルを設定します

strokeRect(x,y,width,height)

完全なコード

clearRect(x,y,width,height)

結果 以上です

前の構造がわからない場合は、私の以前の記事を読んでください http://www.cnblogs.com/LoveOrHate/p/4388321.html