<br> // Cavnas で描画する場合は、JavaScript を使用する必要があります <br> / / 2 . 描画ツールの取得: Canvas タグから描画オブジェクト (コンテキスト オブジェクト) を取得できます。 <br> // さまざまな描画メソッドと設定がこのオブジェクトに配置されます。 <br> var ctx = cvs.getContext('2d'); // Canvas2d 描画ツールを取得します <br> // 3. パスを描画します。 <br> ctx.moveTo(50,50); // 「ペン」を画像内の特定の位置に移動します <br> ctx.lineTo(150,50); // 「ペン」を使用して特定の点に線を接続します <br> ctx. lineTo(150,150); <br> ctx.lineTo(50,150); <br> // 今、キャンバスには何もありません。 moveTo と lineTo はパスを描画するために使用されるためです。 <br> // パスは、描きたい形や線を記述するために使用される「下書き」です <br> // 4. パスを塗りつぶすかストロークします。または // 描画または塗りつぶしの前に、描画または塗りつぶしの色を設定できます。 S // Canvas は「描画後のブラウザ」の仕組みです。 <br> // したがって、描画または塗りつぶしのスタイルを設定したいのですが、描画または塗りつぶしの前に設定する必要があります。その後、スタイルの設定は機能しません。 <br><br> ctx.drawingStyle = 'lightgreen'; // ストロークの色を緑色に設定します <br> ctx.lineWidth = 25; // ストロークの線幅を設定します <br> ctx.drawing () // ストローク <br><br> ctx.fillStyle = 'pink '; <br> ctx.fill() // 塗りつぶし <br></p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
