Einstellungsstil für Pfadstriche

// Wenn Sie auf Cavnas zeichnen möchten , Sie müssen JavaScript verwenden // 2. Holen Sie sich das Zeichenwerkzeug: Wir können ein Zeichenobjekt (Kontextobjekt) aus dem Canvas-Tag abrufen, // Auf diesem Objekt werden verschiedene Zeichenmethoden und Einstellungen platziert var cvs = document.getElementById('cvs'); var ctx = cvs.getContext('2d'); // Holen Sie sich das Canvas2d-Zeichenwerkzeug // 3. Zeichnen Sie den Pfad. ctx.moveTo(50,50); // Bewegen Sie den „Stift“ an eine bestimmte Position im Bild ctx.lineTo(150,50); // Verwenden Sie den „Stift“, um eine Linie zu verbinden ein bestimmter Punkt ctx.lineTo(150,150); ctx.lineTo(50,50); // Es gibt jetzt nichts auf unserer Leinwand, warum? ? Weil moveTo und lineTo zum Zeichnen von Pfaden verwendet werden. // Ein Pfad ist ein „Entwurf“, der die Form oder Linie beschreibt, die wir zeichnen möchten. // 4. Füllen oder streichen Sie den Pfad. // Vor dem Strich oder der Füllung können wir die Farbe des Strichs oder der Füllung festlegen. // Canvas ist ein Mechanismus, der „der Browser ihn nach dem Zeichnen ignoriert“, // Wenn wir also den Strich- oder Füllstil festlegen möchten, müssen wir dies vor dem Strich oder der Füllung tun // Wenn wir es bereits gestrichelt oder gefüllt haben, funktioniert das Festlegen des Stils nicht

ctx.StrokeStyle = 'lightgreen'; // Setze die Strichfarbe auf Grün ctx.lineWidth = 25; die Strichstärke ctx.Stroke(); // Stroke

ctx.fillStyle = 'pink' ctx.fill();