Matumizi ya HTML canvas shadowOffsetX
Muonekano na Matumizi
shadowOffsetX Matumizi ya kifungu au inayotumika kwa kufikiria umbo wa kina na matokeo wa kina kwa ukubwa wa mawili wa kushoto.
shadowOffsetX=0Inaonyesha kwamba matokeo hupatikana kwa chini cha kifungushadowOffsetX=20Inaonyesha kwamba matokeo hupatikana kwa 20 v峪ia kushoto ya eneo la kushoto la kifungushadowOffsetX=-20Inaonyesha kwamba matokeo hupatikana kwa 20 v峪ia kushoto ya eneo la kushoto la kifungu
Tahara:Kuweza kushambulia kwa upekee wa kina na kina cha kifungu, tumia: shadowOffsetY Matumizi.
Mifano
Kufungua eneo la kifungu na kumwiza upekee wa mawili 20 v峪ia kushoto (kwa eneo la kushoto la kifungu):
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);
Inayofanywa kwa Kivumisho
context.shadowOffsetX=number;
Chaguo cha tabia
| Chaguo | Maelezo |
|---|---|
| number | Chaguo cha namba au -namba, inadefini kimaadili ya msingi na kina ya kina. |
Maelezo ya teknolojia
| Chaguo cha kuzingatia: | 0 |
|---|
Mawasiliano wa browser
Maneno ya jumla ya tabia hii ni na.browser na version ya kwanza inayosaidia hiyo tabia.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Kweli:Internet Explorer 8 na zaidi ya hayo hawasaidia <canvas> elementi.
