shadowOffsetX
Canvas shadowOffsetX xususiyati
Misol
Soyasi (to‘rtburchakning chap pozitsiyasidan) 20 piksel o‘ngga joylashtirilgan to‘rtburchak chizing:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.shadowBlur = 10;
ctx.shadowOffsetX = 20;
ctx.shadowColor = "black";
ctx.fillStyle = "red";
ctx.fillRect(20, 20, 100, 80);
O‘zingiz sinab ko‘ring »
Tavsif
shadowOffsetX xususiyati soyaning shakldan gorizontal masofasini o‘rnatadi yoki qaytaradi.
Standart qiymat — 0.
| Qiymat | Tavsif |
|---|---|
| 0 | Soya aynan shaklning orqasida joylashadi |
| 20 | Soya shaklning chap pozitsiyasidan 20 piksel o‘ngda boshlanadi |
| -20 | Soya shaklning chap pozitsiyasidan 20 piksel chapda boshlanadi |
Shuningdek qarang:
shadowOffsetY xususiyati (soyaning y pozitsiyasini o‘rnatish)
shadowColor xususiyati (soya rangini o‘rnatish)
shadowBlur xususiyati (soya xiraligini o‘rnatish)
fillRect() metodi (to‘ldirilgan to‘rtburchak chizish)
fillStyle xususiyati (to‘ldirish rangi/uslubini o‘rnatish)
Sintaksis
| context.shadowOffsetX = number |
Xususiyat qiymatlari
| Qiymat | Tavsif | Sinab ko‘rish |
|---|---|---|
| number | Shakldan soyagacha bo‘lgan gorizontal masofa | Sinab ko‘rish » |
Brauzerlarda qo‘llab-quvvatlash
<canvas> elementi HTML5 standartidir (2014).
shadowOffsetX barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
❮ Canvas ma’lumotnomasi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!