Heim >Web-Frontend >HTML-Tutorial >Was bedeutet Strich in HTML?
Was bedeutet Strich in HTML?
- 青灯夜游Original
- 2019-11-21 15:09:546627Durchsuche
Stroke ist eine Methode im HTML5-Canvas. Die Methode Stroke() kann zum Zeichnen des aktuellen Pfads verwendet werden. Die Methode
Stroke() zeichnet tatsächlich den durch die Methoden moveTo() und lineTo() definierten Pfad. Die Standardfarbe ist Schwarz.
Tipp: Sie können das Attribut „StrokeStyle“ verwenden, um eine andere Farbe/einen anderen Farbverlauf zu zeichnen.
Syntax:
context.stroke();
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</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.strokeStyle = "green";
ctx.stroke();
</script>
</body>
</html>Rendering:
Das obige ist der detaillierte Inhalt vonWas bedeutet Strich in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
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