ตัวอย่าง
ครั้งแรกที่วาดรูปสี่เหลี่ยมผืนผ้าสีแดงแล้วตั้งค่าความโปร่งใส (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 | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ความหมายและการใช้งาน
ชุดคุณสมบัติ globalAlpha หรือส่งกลับหรืออัลฟาโปร่งใสค่าปัจจุบันของการวาดภาพ
ค่าคุณสมบัติ globalAlpha จะต้องเป็นตัวเลขระหว่าง 0.0 (โปร่งใสเต็มที่) และ 1.0 (no transparancy)
| ค่าเริ่มต้น: | 1.0 |
|---|---|
| ไวยากรณ์ JavaScript: | context .globalAlpha= number ; |
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| number | ค่าความโปร่งใส จะต้องเป็นตัวเลขระหว่าง 0.0 (โปร่งใสเต็มที่) และ 1.0 (no transparancy) | เล่น " |
<ผ้าใบวัตถุ