Maison > Article > interface Web > Que signifie le trait en HTML ?
Stroke est une méthode dans le canevas HTML5. La méthode Stroke() peut être utilisée pour dessiner le chemin actuel. La méthode
Stroke() tracera en fait le chemin défini par les méthodes moveTo() et lineTo(). La couleur par défaut est le noir.
Astuce : Vous pouvez utiliser la propriété StrokeStyle pour dessiner une autre couleur/dégradé.
Syntaxe :
context.stroke();
Exemple :
<!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>Rendu :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!