ویژگی 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);

آزمایش کنید

زبان برنامه‌نویسی

context.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 و قبل از آن از Internet Explorer پشتیبانی از عنصر <canvas> را ندارد.

منابع Canvas