1912431-emoji-globalAlpha-ref.html (622B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <head> 4 <meta charset="utf-8" /> 5 </head> 6 <body> 7 <style> 8 canvas { display: block; } 9 </style> 10 <script> 11 function createCanvas(alpha) { 12 const canvas = document.createElement("canvas"); 13 canvas.width = 500; 14 canvas.height = 50; 15 canvas.style.opacity = alpha; 16 17 document.body.appendChild(canvas); 18 19 const ctx = canvas.getContext('2d'); 20 ctx.font = "20px Arial"; 21 ctx.fillText("Text: ABC, Clocks: \ud83d\udd52 \ud83d\udd53 \ud83d\udd54 \ud83d\udd55.", 50, 30); 22 } 23 24 createCanvas(0); 25 createCanvas(0.25); 26 createCanvas(0.5); 27 createCanvas(0.75); 28 createCanvas(1); 29 </script> 30 </body> 31 </html>