Latest web development tutorials

proprietà tela shadowOffsetX HTML

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

Esempi

Disegnare un rettangolo con un offset a destra shading 20 pixel (dalla posizione di sinistra del rettangolo):

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=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 Safari supporto di proprietà shadowOffsetX.

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

Definizione e utilizzo

insiemi di proprietà shadowOffsetX o restituisce la forma dell'ombra e la distanza orizzontale.

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

shadowOffsetX = 20 indica la forma dell'ombra sulla destra sinistra posizione 20 pixel.

shadowOffsetX = -20 indica la forma dell'ombra della posizione 20 pixel a sinistra sulla sinistra.

Suggerimento: per regolare la distanza verticale dalle ombre e le forme, utilizzare shadowOffsetY proprietà.

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

Proprietà Valore

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

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