OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Check shadow rendering rect and image with source-in.</title> | 4 <title>Check shadow rendering rect and image with source-in.</title> |
5 <style type="text/css"> | 5 <style type="text/css"> |
6 canvas { border: 1px solid #999; } | 6 canvas { border: 1px solid #999; } |
7 #source-canvas { display: none; } | 7 #source-canvas { display: none; } |
8 </style> | 8 </style> |
9 </head> | 9 </head> |
10 <body> | 10 <body> |
(...skipping 24 matching lines...) Expand all Loading... |
35 ctx.fillStyle = 'black'; | 35 ctx.fillStyle = 'black'; |
36 ctx.fillRect(50, 50, 200, 100); | 36 ctx.fillRect(50, 50, 200, 100); |
37 ctx.globalCompositeOperation = 'source-in'; | 37 ctx.globalCompositeOperation = 'source-in'; |
38 ctx.shadowColor = 'blue'; | 38 ctx.shadowColor = 'blue'; |
39 ctx.shadowBlur = 10; | 39 ctx.shadowBlur = 10; |
40 ctx.shadowOffsetX = -10; | 40 ctx.shadowOffsetX = -10; |
41 ctx.shadowOffsetY = -10; | 41 ctx.shadowOffsetY = -10; |
42 } | 42 } |
43 </script> | 43 </script> |
44 </body> | 44 </body> |
45 </html> | 45 </html> |
OLD | NEW |