726951-shadow-clips.html (405B)
1 <!doctype html> 2 <head> 3 4 <body> 5 <canvas id="mycanvas" width="200" height="600"></canvas> 6 7 <script type="text/javascript"> 8 var cx = document.getElementById('mycanvas').getContext('2d'); 9 cx.beginPath(); 10 cx.rect(10, 10, 50, 50); 11 cx.clip(); 12 cx.beginPath(); 13 cx.rect(0, 0, 50, 50); 14 cx.shadowColor = "black"; 15 cx.shadowOffsetX = 10; 16 cx.shadowOffsetY = 10; 17 cx.fill(); 18 </script>