ویژگی globalAlpha کانواس HTML
تعریف و استفاده
globalAlpha ویژگی تنظیم یا بازگشت شفافیت فعلی نقاشی (alpha یا transparence) است.
globalAlpha مقدار باید بین 0.0با (کاملاً شفاف) 1.0اعداد بین (ناخشک)
مثال
ابتدا یک مستطیل قرمز رنگ ترسیم کنید، سپس شفافیت (globalAlpha) را به 0.2 تنظیم کنید و سپس یک مستطیل سبز و آبی ترسیم کنید:
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 |
نکته:اینترنت اکسپلورر 8 و نسخه‌های قدیمی‌تر از عنصر <canvas> پشتیبانی نمی‌کنند.
