द ग्लोबलअल्फा संपत्ति ड्राइंग का पारदर्शिता मूल्य लौटाती है। इस गुण का मान 1.0 कोई पारदर्शिता निर्दिष्ट नहीं करता है और इस गुण का मान 0.0 पूर्ण पारदर्शिता निर्दिष्ट करता है। इसलिए, GlobalAlpha प्रॉपर्टी को 0.0 पर सेट करके, हम एक पारदर्शी कैनवास प्राप्त कर सकते हैं।
उदाहरण
आप पारदर्शी कैनवास बनाने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -
<!DOCTYPE html>
<html>
<body>
<canvas id = "idCanvas" width = "400" height = "200" style = "border:2px solid #000000;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById("idCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "green";
ctx.fillRect(20, 20, 75, 50);
ctx.globalAlpha = 0.0;
ctx.fillStyle = "yellow";
ctx.fillRect(50, 50, 75, 50);
ctx.fillStyle = "red";
ctx.fillRect(80, 80, 75, 50);
</script>
</body>
</html>