ตัวอย่าง
ครั้งแรกที่วาดรูปสี่เหลี่ยมผืนผ้าสีแดงแล้วตั้งค่าความโปร่งใส (globalAlpha) 0.5 และจากนั้นวาดสีฟ้าและสี่เหลี่ยมสีเขียว:
javascript:
var c=document.getElementById("myCanvas");
var ctx=c.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);
ลองตัวเอง» สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| globalAlpha | |||||
|---|---|---|---|---|---|
| font | ใช่ | 9.0 | ใช่ | ใช่ | ใช่ |
ความหมายและการใช้งาน
ชุดคุณสมบัติ globalAlpha หรือส่งกลับหรืออัลฟาโปร่งใสค่าปัจจุบันของการวาดภาพ
ค่าคุณสมบัติ globalAlpha จะต้องเป็นตัวเลขระหว่าง 0.0 (โปร่งใสเต็มที่) และ 1.0 (ไม่ transparancy)
| ค่าเริ่มต้น: | 1.0 |
|---|---|
| ไวยากรณ์ javascript: | context.globalAlpha=number; |
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| number | ค่าความโปร่งใส จะต้องเป็นตัวเลขระหว่าง 0.0 (โปร่งใสเต็มที่) และ 1.0 (ไม่ transparancy) | เล่น " |