Manuel de référence HTML

Tous les étiquettes HTML

Méthode fill() de HTML canvas

fill() est une méthode de Canvas 2La méthode fill() de Canvas, selon le style de remplissage actuel, remplit le chemin actuel ou existant. Utilise les règles de contour non nul ou pair/impaire.

Référence du manuel HTML canvas

Exemple en ligne

Dessiner 100*100 pixels carrés, puis remplacez-le avec la couleur rouge :

Exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilisation de la méthode fill() de HTML canvas-Tutoriel de base(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　canvas étiquette.
</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.rect(20,20,100,100);
ctx.fillStyle="red";
ctx.fill();
</script>　
</body>
</html>

Vérifiez ici ‹/›

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome et Safari prennent en charge fill() méthode.

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

Définition et utilisation

La méthode fill() remplit la forme courante (chemin). La couleur par défaut est noire.

Avis :Utilisez fillStyle attribut pour remplir une autre couleur/dégradé.

Attention :Si le chemin n'est pas fermé, la méthode fill() ajoutera une ligne entre le point de fin du chemin et le point de départ pour fermer le chemin (comme closePath() de la même manière），puis remplit ce chemin.

Syntaxe JavaScript :	contexte.fill();

Référence du manuel HTML canvas

HTML: <template> balise