Latest web development tutorials

proprietà tela shadowOffsetY HTML

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

Esempi

Disegnare un rettangolo con un offset verso il basso di 20 pixel (dalla posizione superiore del rettangolo) ombra:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);

Prova »

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e proprietà shadowOffsetY supporto di Safari.

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

Definizione e utilizzo

insiemi di proprietà shadowOffsetY o restituisce la distanza verticale della forma ombra.

shadowOffsety = 0 indica proprio sotto l'ombra si trova.

shadowOffsetY = 20 indica la forma dell'ombra si trova a 20 pixel sotto la prima posizione.

shadowOffsetY = -20 che indica la forma dell'ombra dei 20-pixel prime posizioni sopra.

Suggerimento: per regolare la forma dell'ombra e la distanza orizzontale, usare shadowOffsetX proprietà.

predefinito: 0
sintassi JavaScript: contesto.shadowOffsetY = numero;

Proprietà Valore

值 描述
number 正值或负值，定义阴影与形状的垂直距离。

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