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

コードが簡単すぎるので、くだらない話はしません

コードをコピーします

コードは次のとおりです:

var Canvas=document.getElementById ("canvas ");
//描画環境を設定します
var cxt=canvas.getContext('2d');
//新しいパスを開きます
cxt.beginPath();
// ストロークの幅を設定します
cxt.lineWidth=10;
// ストロークの色を設定します
cxt.ストロークStyle="#00ff00";
// ストロークの位置を設定しますストローク
cxt.moveTo( 20,20);
//移動位置を設定
cxt.lineTo(100,20);
//線を描く
cxt.ストローク( );//この時の線が出ています
//パスを閉じます
cxt.closePath();
//すべてのパスグラフィックスは最初にパスを開始し、パスは描画後に終了する必要があります