Heim > Web-Frontend > H5-Tutorial > So verwenden Sie die Schlaganfallmethode

So verwenden Sie die Schlaganfallmethode

不言
Freigeben: 2019-02-12 17:25:33
Original
5821 Leute haben es durchsucht

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.

So verwenden Sie die Schlaganfallmethode

Sehen wir uns zunächst die grundlegende Syntax der Methode Stroke() an:

context.stroke();
Nach dem Login kopieren

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>
Nach dem Login kopieren

Der Effekt ist wie folgt: Wir können sehen, dass ein L-förmiger schwarzer Pfad gezeichnet wird.

So verwenden Sie die Schlaganfallmethode

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage