Manuel de référence HTML

Recueil complet des étiquettes HTML

Propriété lineWidth de canvas HTML

lineWidth est une propriété de Canvas 2L'API D définit l'attribut de épaisseur de segment (c'est-à-dire la largeur du segment).

Guide de référence HTML canvas

Exemple en ligne

Avec une largeur de 12 Pour dessiner un rectangle avec des lignes de pixels :

Exemple

<!DOCTYPE html>
<html>
<head>
<title>Utilisation de la propriété lineWidth de canvas HTML (Tutoriel de base du site web oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solide #d3d3d3">
Votre navigateur ne prend pas en charge HTML5　Étiquette canvas.
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=12;
ctx.strokeRect(20,20,80,100);
</script>
</body>
</html>

Vérifiez ici ‹/›

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome et Safari prennent en charge la propriété lineWidth.

Attention :Internet Explorer 8 Les versions précédentes de HTML ne prennent pas en charge l'élément <canvas>.

Définition et utilisation

La propriété lineWidth définit ou renvoie la largeur actuelle de la ligne, en pixels.

Valeur par défaut :	1
Syntaxe JavaScript :	context.lineWidth=number;

Valeur de l'attribut

Valeur	Description
number	Largeur actuelle de la ligne, en pixels.

Guide de référence HTML canvas

HTML: <template> balise