globalAlpha
Canvas globalAlpha xususiyati
Misol
Qizil to‘rtburchak chizing. Shaffoflikni (globalAlpha) 0.5 ga o‘rnating. So‘ngra ko‘k va yashil to‘rtburchak chizing:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(20, 20, 75, 50);
// Turn transparency on
ctx.globalAlpha = 0.2;
ctx.fillStyle = "blue";
ctx.fillRect(50, 50, 75, 50);
ctx.fillStyle = "green";
ctx.fillRect(80, 80, 75, 50);
O‘zingiz sinab ko‘ring »
Tavsif
globalAlpha xususiyati kontekstning shaffoflik qiymatini o‘rnatadi yoki qaytaradi.
globalAlpha xususiyatining qiymati 0.0 (to‘liq shaffof) va 1.0 (standart; shaffoflik yo‘q) orasidagi son bo‘lishi kerak.
Sintaksis
| context.globalAlpha = number |
Xususiyat qiymatlari
| Qiymat | Tavsif | Sinab ko‘rish |
|---|---|---|
| number | Shaffoflik 0.0 = to‘liq shaffof 1.0 = shaffoflik yo‘q |
Sinab ko‘rish » |
Brauzerlarda qo‘llab-quvvatlash
<canvas> elementi HTML5 standartidir (2014).
globalAplha barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
❮ HTML Canvas ma’lumotnomasi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!