// Wenn Sie auf Cavnas zeichnen möchten , Sie müssen JavaScript verwenden <br> // 2. Holen Sie sich das Zeichenwerkzeug: Wir können ein Zeichenobjekt (Kontextobjekt) aus dem Canvas-Tag abrufen, <br> // Auf diesem Objekt werden verschiedene Zeichenmethoden und Einstellungen platziert <br> var cvs = document.getElementById('cvs'); <br> var ctx = cvs.getContext('2d'); // Holen Sie sich das Canvas2d-Zeichenwerkzeug <br> // 3. Zeichnen Sie den Pfad. <br> ctx.moveTo(50,50); // Bewegen Sie den „Stift“ an eine bestimmte Position im Bild <br> ctx.lineTo(150,50); // Verwenden Sie den „Stift“, um eine Linie zu verbinden ein bestimmter Punkt <br> ctx.lineTo(150,150); <br> ctx.lineTo(50,50); <br> // Es gibt jetzt nichts auf unserer Leinwand, warum? ? Weil moveTo und lineTo zum Zeichnen von Pfaden verwendet werden. <br> // Ein Pfad ist ein „Entwurf“, der die Form oder Linie beschreibt, die wir zeichnen möchten. <br> // 4. Füllen oder streichen Sie den Pfad. <br> // Vor dem Strich oder der Füllung können wir die Farbe des Strichs oder der Füllung festlegen. <br> // Canvas ist ein Mechanismus, der „der Browser ihn nach dem Zeichnen ignoriert“, <br> // Wenn wir also den Strich- oder Füllstil festlegen möchten, müssen wir dies vor dem Strich oder der Füllung tun <br> // Wenn wir es bereits gestrichelt oder gefüllt haben, funktioniert das Festlegen des Stils nicht <br><br> ctx.StrokeStyle = 'lightgreen'; // Setze die Strichfarbe auf Grün <br> ctx.lineWidth = 25; die Strichstärke <br> ctx.Stroke(); // Stroke <br><br> ctx.fillStyle = 'pink' <br> ctx.fill();</p>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
