HTML canvas globalAlpha katangian
Paglilinang at Paggamit
globalAlpha ang katangian ay nagtatakda o ibabalik ang kasalukuyang transparent na halaga ng pagpipinta (alpha o transparency).
globalAlpha Ang halaga ng pangako ay dapat na nasa pagitan ng 0.0ang (panglilinaw na walang kalinawan) na may kaugnayan sa 1.0ang mga numero sa pagitan ng (walang kalinawan)
Mga halimbawa
Una, magpipinta ng isang pulang retanggulo, pagkatapos ay i-set ang transparency (globalAlpha) sa 0.2, at pagkatapos ay magpipinta ng isang berde at isang asul na retanggulo:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// ปรับปรุงความโปร่งแสง
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
เฉลิม
context.globalAlpha=number;
ค่ารายละเอียด
| ค่า | รายละเอียด |
|---|---|
| number | ค่าความโปร่งแสง ต้องอยู่ระหว่าง 0.0 (โปร่งแสงเต็ม) และ 1.0 (ไม่โปร่งแสง) |
รายละเอียดเทคนิค
| ค่าเริ่มต้น： | 1.0 |
|---|
การสนับสนุนโปรแกรมบราวเซอร์
ตัวเลขในตารางบอกว่าเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ：Internet Explorer 8 และเวอร์ชั่นเก่ากว่านั้นไม่สนับสนุนประกาย <canvas>
