From 95aca4b4d8fa62815d4bd412fff1a364f842814a Mon Sep 17 00:00:00 2001 From: Ryan Johnson Date: Thu, 29 Apr 2021 16:16:42 -0700 Subject: remove retired locales (#699) --- .../canvasrenderingcontext2d/fillstyle/index.html | 209 --------------------- 1 file changed, 209 deletions(-) delete mode 100644 files/it/web/api/canvasrenderingcontext2d/fillstyle/index.html (limited to 'files/it/web/api/canvasrenderingcontext2d/fillstyle') diff --git a/files/it/web/api/canvasrenderingcontext2d/fillstyle/index.html b/files/it/web/api/canvasrenderingcontext2d/fillstyle/index.html deleted file mode 100644 index 2f905a5241..0000000000 --- a/files/it/web/api/canvasrenderingcontext2d/fillstyle/index.html +++ /dev/null @@ -1,209 +0,0 @@ ---- -title: CanvasRenderingContext2D.fillStyle -slug: Web/API/CanvasRenderingContext2D/fillStyle -tags: - - API - - CamvasRenderingContext2D - - Canvas - - Proprietà - - Riferimento -translation_of: Web/API/CanvasRenderingContext2D/fillStyle ---- -
{{APIRef}}
- -

La proprietà CanvasRenderingContext2D.fillStyle delle Canvas 2D API specifica il colore o lo stile da usare all'interno delle forme. Il colore preimpostato è #000 (nero).

- -

Vedi anche i capitoli Applicare stili e colori nel Canvas Tutorial.

- -

Sintassi

- -
ctx.fillStyle = color;
-ctx.fillStyle = gradient;
-ctx.fillStyle = pattern;
-
- -

Opzioni

- -
-
color
-
Una {{domxref("DOMString")}} letta come valore CSS {{cssxref("<color>")}}.
-
gradient
-
Un oggetto {{domxref("CanvasGradient")}} (gradiente lineare o radiale).
-
pattern
-
Un oggetto {{domxref("CanvasPattern")}} (immagine ripetuta).
-
- -

Esempi

- -

Usare la proprietà fillStyle per impostare un colore diverso

- -

In questa semplice porzione di codice viene usata la proprietù fillStyle per impostare un colore diverso.

- -

HTML

- -
<canvas id="canvas"></canvas>
-
- -

JavaScript

- -
var canvas = document.getElementById("canvas");
-var ctx = canvas.getContext("2d");
-
-ctx.fillStyle = "blue";
-ctx.fillRect(10, 10, 100, 100);
-
- -

Modifica il codice qui sotto e vedi i cambiamenti in tempo reale nel canvas:

- - - -

{{ EmbedLiveSample('Playable_code', 700, 360) }}

- -

Un esempio di fillStyle con i cicli for

- -

In questo esempio, useremo due cicli for per disegnare una griglia di rettangoli, ognuno di un colore differente. Il risultato finale dovrebbe assomigliare allo screenshot. Niente di particolarmente spettacolare. Usiamo due variabili i e j per generare un colore RGB unico per ogni quadrato, questo modificando soltanto i valori del rosso e del verde. Il canale del blu ha un valore fisso. Modificando i canali, puoi generare ogni tipo di palette. Aumentando le ripetizioni del ciclo, puoi ottenere qualcosa di assomigliante alle palette usate da Photoshop.

- - - -
var ctx = document.getElementById('canvas').getContext('2d');
-for (var i=0;i<6;i++){
-  for (var j=0;j<6;j++){
-    ctx.fillStyle = 'rgb(' + Math.floor(255-42.5*i) + ',' +
-                     Math.floor(255-42.5*j) + ',0)';
-    ctx.fillRect(j*25,i*25,25,25);
-  }
-}
-
- -

Il risultato assomiglia a questo:

- -

{{EmbedLiveSample("Un_esempio_di_fillStyle_con_i_cicli_for", 160, 160, "https://mdn.mozillademos.org/files/5417/Canvas_fillstyle.png")}}

- -

Specifiche

- - - - - - - - - - - - - - -
SpecificheStatoCommento
{{SpecName('HTML WHATWG', "scripting.html#dom-context-2d-fillstyle", "CanvasRenderingContext2D.fillStyle")}}{{Spec2('HTML WHATWG')}} 
- -

Compatibilità dei Browser

- -

{{CompatibilityTable}}

- -
- - - - - - - - - - - - - - - - - - - -
CaratteristicaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaratteristicaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
-
- - - - - -

Vedi anche

- - -- cgit v1.2.3-54-g00ecf