HTML คุณสมบัติผ้าใบ globalAlpha
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง
ตัวอย่าง
ครั้งแรกที่วาดรูปสี่เหลี่ยมผืนผ้าสีแดงและจากนั้นความโปร่งใส (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);
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);
ลอง»
สนับสนุนเบราว์เซอร์
Internet Explorer 9, Firefox, Opera, Chrome และ Safari คุณสมบัติการสนับสนุน globalAlpha
หมายเหตุ: 8 และรุ่นก่อนหน้าของ Internet Explorer ไม่สนับสนุน <ผ้าใบ> องค์ประกอบ
ความหมายและการใช้งาน
ชุด globalAlpha ทรัพย์สินหรือผลตอบแทนในปัจจุบันภาพวาดมูลค่าโปร่งใส (alpha หรือโปร่งใส)
ค่าแอตทริบิวต์ globalAlpha ต้องอยู่ระหว่าง 0.0 (อย่างโปร่งใส) ดิจิตอล (ทึบแสง) และ 1.0
| เริ่มต้น: | 1.0 |
|---|---|
| ไวยากรณ์ javascript: | บริบท.globalAlpha = จำนวน; |
มูลค่าทรัพย์สิน
| 值 | 描述 |
|---|---|
| number | 透明值。必须介于 0.0（完全透明） 与 1.0（不透明） 之间。 |
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง