Canvas globalAlpha الخاصية

دليل مرجع Canvas

التعريف والاستخدام

globalAlpha تحدد أو تعود إلى قيمة الشفافية الحالية للرسم (alpha أو الشفافية).

globalAlpha يجب أن تكون قيمة الخاصية بين 0.0الشفافية الكاملة) مع 1.0العدد بين (غير شفاف) و

مثال

أولاً، أرسم مستطيل أحمر، ثم أضبط شفافية (globalAlpha) إلى 0.2، وأرسم مستطيلين أخضر وأزرق:

لم يتم دعم علامة الحقل (canvas) في متصفحك.

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);

جرب بنفسك

النحو

السياق.globalAlpha=رقم;

قيمة الخاصية

القيمة الوصف
رقم قيمة الشفافية. يجب أن تكون بين 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>.

دليل مرجع Canvas