| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 canvas { display: inline-block; } | 5 canvas { display: inline-block; } |
| 6 </style> | 6 </style> |
| 7 </head> | 7 </head> |
| 8 <body> | 8 <body> |
| 9 <canvas id="source-over" width="80" height="80"></canvas> | 9 <canvas id="source-over" width="80" height="80"></canvas> |
| 10 <canvas id="source-in" width="80" height="80"></canvas> | 10 <canvas id="source-in" width="80" height="80"></canvas> |
| (...skipping 30 matching lines...) Expand all Loading... |
| 41 ctx.globalCompositeOperation = op; | 41 ctx.globalCompositeOperation = op; |
| 42 | 42 |
| 43 ctx.fillStyle = 'deepskyblue'; | 43 ctx.fillStyle = 'deepskyblue'; |
| 44 ctx.beginPath(); | 44 ctx.beginPath(); |
| 45 ctx.arc(45,45,20,0,Math.PI*2,true); | 45 ctx.arc(45,45,20,0,Math.PI*2,true); |
| 46 ctx.fill(); | 46 ctx.fill(); |
| 47 } | 47 } |
| 48 </script> | 48 </script> |
| 49 </body> | 49 </body> |
| 50 </html> | 50 </html> |
| OLD | NEW |