دليل HTML

مجمع علامات HTML

خاصية globalAlpha لـ HTML canvas

globalAlpha هي الخاصية التي تستخدمها API Canvas 2D لوصف شفافية الصور والرسومات التي يتم رسمها على canvas قبل الرسم. مدى القيم من 0.0 (شفاف) إلى 1.0 (غير شفاف).

دليل مرجعي لـ HTML canvas

مثال على الإنترنت

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

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>دليل أساسي حول استخدام خاصية globalAlpha في HTML canvas - (oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
متصفحك لا يدعم علامة HTML5 canvas.
</canvas>
<script>
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);
</script>
</body>
</html>

اختبر هذا ‹/›

توافق المتصفحات

IEFirefoxOperaChromeSafari

يدعم متصفحات Internet Explorer 9، Firefox، Opera، Chrome و Safari الخاصية globalAlpha.

ملاحظة:لا يدعم متصفح Internet Explorer إصدارات 8 وما قبلها عنصر <canvas>.

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

تضبط الخاصية globalAlpha أو ت返回 قيمة الشفافية الحالية للرسومات.

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

القيمة الافتراضية:	1.0
جافا سكربت الجملة:	سياق.globalAlpha=رقم;

قيمة الخاصية

القيمة	الوصف
رقم	قيمة الشفافية. يجب أن تكون بين 0.0 (شفاف تمامًا) و 1.0 (غير شفاف).

　دليل مرجعي لـ HTML canvas

HTML: <template> العلامة