opacity-blending-ref.html (671B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8"> 4 <title>Compositor opacity blending should work correctly (and the same as canvas)</title> 5 <html class="reftest-wait"> 6 <head> 7 <script> 8 function load() { 9 var one = document.getElementById("one").getContext("2d"); 10 11 one.fillStyle = "rgba(255,0,0,0.5)"; 12 one.fillRect(0, 0, 200, 200); 13 one.fillStyle = "rgba(0,255,0,0.5)"; 14 one.fillRect(0, 0, 200, 200); 15 16 document.documentElement.removeAttribute("class"); 17 } 18 </script> 19 </head> 20 <body onload="load()"> 21 22 <div style="opacity:0.8"> 23 <canvas id="one" style="position:absolute; left:0px;"></canvas> 24 </div> 25 </body> 26 </html>