مثال
أولا، رسم مستطيل أحمر، ثم تعيين الشفافية (globalAlpha) إلى 0.5، ومن ثم رسم الأزرق والمستطيل الأخضر:
جافا سكريبت:
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 | نعم فعلا | تسعة | نعم فعلا | نعم فعلا | نعم فعلا |
تعريف واستخدام
مجموعات الملكية globalAlpha أو إرجاع قيمة ألفا أو الشفافية الحالية من الرسم.
يجب أن تكون قيمة الممتلكات globalAlpha عدد يتراوح بين 0.0 (شفافة بالكامل) و 1.0 (أي شفافية).
| القيمة الافتراضية: | 1.0 |
|---|---|
| جافا سكريبت بناء الجملة: | context.globalAlpha=number; |
قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| number | قيمة الشفافية. يجب أن يكون الرقم بين 0.0 (شفاف بالكامل) و 1.0 (أي شفافية) | العبها " |