Maison  >  Article  >  interface Web  >  Que signifie le trait en HTML ?

Que signifie le trait en HTML ?

青灯夜游
青灯夜游original
2019-11-21 15:09:546559parcourir

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 :

Que signifie le trait en HTML ?

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Balise HTML

Articles Liés

Voir plus