Latest web development tutorials

HTML propriété toile shadowOffsetX

HTML Manuel toile de référence HTML Manuel toile de référence

Exemples

Dessinez un rectangle avec un décalage vers la droite 20 pixel shading (de la position gauche du rectangle):

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);

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome et Safari soutien propriété shadowOffsetX.

Note: 8 et versions antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.

Définition et utilisation

ensembles de propriétés shadowOffsetX ou retourne la forme de l'ombre et de la distance horizontale.

shadowOffsetX = 0 indique juste sous la forme de l'ombre situé.

shadowOffsetX = 20 indique la forme de l'ombre sur les bonnes positions à gauche de 20 pixels.

shadowOffsetX = -20 indiquant la forme de l'ombre de la 20-pixel poste laissé sur la gauche.

Astuce: Pour régler la distance verticale entre les ombres et les formes, utilisez shadowOffsetY propriété.

Par défaut: 0
Syntaxe JavaScript: contexte.shadowOffsetX = nombre;

Valeur de la propriété

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

HTML Manuel toile de référence HTML Manuel toile de référence