Heim > Artikel > Web-Frontend > So verwenden Sie die Schlaganfallmethode
So verwenden Sie die Schlaganfallmethode
- 不言Original
- 2019-02-12 17:25:335757Durchsuche
Die Methode „Stroke()“ zeichnet tatsächlich den durch die Methoden „moveTo()“ und „lineTo()“ definierten Pfad. Die Standardfarbe ist Schwarz. Schauen wir uns die Verwendung der Methode Stroke() genauer an.
Sehen wir uns zunächst die grundlegende Syntax der Methode Stroke() an:
context.stroke();
Als nächstes schauen wir uns ein konkretes Beispiel an
Der Code lautet wie folgt
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.stroke();
</script>
</body>
</html>Der Effekt ist wie folgt: Wir können sehen, dass ein L-förmiger schwarzer Pfad gezeichnet wird.
Dieser Artikel endet hier. Weitere spannende Inhalte finden Sie in anderen verwandten Kolumnen-Tutorials auf der chinesischen PHP-Website! ! !
Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Schlaganfallmethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!