1303534-1.html (598B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <script> 6 function draw() { 7 var c = document.getElementById('c').getContext('2d'); 8 var img = document.getElementById("img"); 9 10 c.fillStyle = 'lime'; 11 c.fillRect(0, 0, 200, 100); 12 13 c.rect(0, 0, 200, 100); 14 c.clip(); 15 16 c.globalCompositeOperation = "multiply"; 17 c.fillStyle = 'rgb(255, 255, 255)'; 18 c.fillRect(0, 0, 200, 100); 19 } 20 </script> 21 </head> 22 <body onload="draw();"> 23 <canvas id='c' width='200' height='100'></canvas> 24 </body> 25 </html>