ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 はキャンバスを使用して三角形を描画します_html5 チュートリアルのスキル

HTML5 はキャンバスを使用して三角形を描画します_html5 チュートリアルのスキル

WBOY
リリース: 2016-05-16 15:47:13
オリジナル
2327 人が閲覧しました




コードをコピーします
コードは次のとおりです:

var Canvas=document.getElementById("canvas");
var cxt= Canvas.getContext("2d");
cxt.beginPath();
cxt.moveTo(250,50);
cxt.lineTo(200,200);
cxt.lineTo( 300,300);
cxt.closePath();//塗りつぶすか閉じるには、描画する前にパスを閉じる必要があります
//中空の三角形
cxt.ストロークスタイル="red";
cxt.ストローク();
//実線三角形
cxt.beginPath();
cxt.moveTo(350,50);
cxt.lineTo(300,200);
cxt.lineTo(400,300);
cxt.closePath();
cxt.fill();

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