コードが簡単すぎるので、くだらない話はしません
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();
//すべてのパスグラフィックスは最初にパスを開始し、パスは描画後に終了する必要があります
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
