HTML कैनवास वैश्विकअल्फा संपत्ति
उदाहरण
सबसे पहले, एक लाल आयत बनाएं, फिर पारदर्शिता (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 | Yes | 9.0 | Yes | Yes | Yes |
परिभाषा और उपयोग
GlobalAlpha गुण आरेखण के वर्तमान अल्फ़ा या पारदर्शिता मान को सेट या लौटाता है।
GlobalAlpha प्रॉपर्टी का मान 0.0 (पूरी तरह से पारदर्शी) और 1.0 (कोई पारदर्शिता नहीं) के बीच की संख्या होनी चाहिए।
डिफ़ॉल्ट मान: | 1.0 |
---|---|
जावास्क्रिप्ट सिंटैक्स: | संदर्भ .globalAlpha= संख्या ; |
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
number | The transparency value. Must be a number between 0.0 (fully transparent) and 1.0 (no transparancy) |
❮ HTML कैनवास संदर्भ