globalAlpha প্রপার্টি আঁক기의 ট্রান্সপারেন্সি মান রিটার্ন করে। এই প্রপার্টির ১.০ মান কোনো ট্রান্সপারেন্সি না থাকাকে বোঝায় এবং ০.০ মান পুরো ট্রান্সপারেন্সি বোঝায়। অতএব, globalAlpha প্রপার্টিটি ০.০ সেট করে আমরা একটি ট্রান্সপারেন্ট ক্যানভাস পেতে পারি।
উদাহরণ
নিচের কোডটি চালিয়ে ট্রান্সপারেন্ট ক্যানভাস তৈরি করতে পারেন:
<!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>
