Latest web development tutorials

metodo di riempimento canvas HTML ()

HTML Manuale di tela di riferimento HTML Manuale di tela di riferimento

Esempi

Disegnare un rettangolo di 150 * 100 pixel, quindi riempirlo di rosso per dare:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();

Prova »

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer metodo 9, Firefox, Opera, Chrome e Safari riempimento supporto ().

Nota: 8 e versioni precedenti di Internet Explorer non supportano l'elemento <canvas>.


Definizione e utilizzo

riempimento () metodo riempie l'immagine corrente (percorso). Il colore predefinito è il nero.

Suggerimento: Usa fillStyle proprietà popolano altro colore / gradiente.

Nota: Se ilpercorso non è chiuso, il metodo di riempimento () per aggiungere il percorso del punto finale di una linea tra il punto iniziale per chiudere il percorso (come closePath () stesso), quindi riempire il percorso.

sintassi JavaScript: contesto .Riempire ( );


HTML Manuale di tela di riferimento HTML Manuale di tela di riferimento