ホームページ > ウェブフロントエンド > htmlチュートリアル > html5キャンバス(基本長方形)_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-24 11:47:04
オリジナル
1067 人が閲覧しました

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート