fork download
  1. <html>
  2. <head>
  3. <title>Canvas sample</title>
  4. </head>
  5. <body onload="draw();">
  6. <canvas id="sample" width="900" height="900"></canvas>
  7. <script type="text/javascript">
  8. function draw(){
  9. var canvas = document.getElementById('sample');
  10. if (canvas.getContext){
  11. var ctx = canvas.getContext('2d');
  12. ctx.fillRect(100,100,100,100);<!--1-->
  13. ctx.fillRect(250,100,100,100);
  14. ctx.fillRect(400,100,100,100);
  15. ctx.fillRect(550,100,100,100);
  16. ctx.fillRect(700,100,100,100);
  17.  
  18. ctx.fillRect(100,250,100,100);<!--2-->
  19. ctx.fillRect(250,250,100,100);
  20. ctx.fillRect(400,250,100,100);
  21. ctx.fillRect(550,250,100,100);
  22. ctx.fillRect(700,250,100,100);
  23.  
  24. ctx.fillRect(100,400,100,100);<!--3-->
  25. ctx.fillRect(250,400,100,100);
  26. ctx.fillRect(400,400,100,100);<!--FREE-->
  27. ctx.fillRect(550,400,100,100);
  28. ctx.fillRect(700,400,100,100);
  29.  
  30. ctx.fillRect(100,550,100,100);<!--4-->
  31. ctx.fillRect(250,550,100,100);
  32. ctx.fillRect(400,550,100,100);
  33. ctx.fillRect(550,550,100,100);
  34. ctx.fillRect(700,550,100,100);
  35.  
  36. ctx.fillRect(100,700,100,100);<!--5-->
  37. ctx.fillRect(250,700,100,100);
  38. ctx.fillRect(400,700,100,100);
  39. ctx.fillRect(550,700,100,100);
  40. ctx.fillRect(700,700,100,100);
  41.  
  42. ctx.fillRect(100,100,50,50);
  43. ctx.clearRect(0,0,0,0);
  44.  
  45. }
  46. }
  47. </script>
  48. <style type="text/css">
  49. #sample {
  50. background: #fff;
  51. }
  52. </style>
  53. </body>
  54. </html>
Compilation error #stdin compilation error #stdout 0s 0KB
stdin
Standard input is empty
compilation info
Main.java:1: error: class, interface, or enum expected
<html>
^
Main.java:1: error: class, interface, or enum expected
<html>
 ^
Main.java:9: error: unclosed character literal
                var canvas = document.getElementById('sample');
                                                     ^
Main.java:9: error: unclosed character literal
                var canvas = document.getElementById('sample');
                                                            ^
Main.java:10: error: class, interface, or enum expected
                if (canvas.getContext){
                ^
Main.java:11: error: unclosed character literal
                    var ctx = canvas.getContext('2d');
                                                ^
Main.java:11: error: unclosed character literal
                    var ctx = canvas.getContext('2d');
                                                   ^
Main.java:12: error: class, interface, or enum expected
					ctx.fillRect(100,100,100,100);<!--1-->
					^
Main.java:12: error: class, interface, or enum expected
					ctx.fillRect(100,100,100,100);<!--1-->
					                              ^
Main.java:14: error: class, interface, or enum expected
					ctx.fillRect(400,100,100,100);
					^
Main.java:15: error: class, interface, or enum expected
					ctx.fillRect(550,100,100,100);
					^
Main.java:16: error: class, interface, or enum expected
					ctx.fillRect(700,100,100,100);
					^
Main.java:18: error: class, interface, or enum expected
					ctx.fillRect(100,250,100,100);<!--2-->
					^
Main.java:18: error: class, interface, or enum expected
					ctx.fillRect(100,250,100,100);<!--2-->
					                              ^
Main.java:20: error: class, interface, or enum expected
					ctx.fillRect(400,250,100,100);
					^
Main.java:21: error: class, interface, or enum expected
					ctx.fillRect(550,250,100,100);
					^
Main.java:22: error: class, interface, or enum expected
					ctx.fillRect(700,250,100,100);
					^
Main.java:24: error: class, interface, or enum expected
					ctx.fillRect(100,400,100,100);<!--3-->
					^
Main.java:24: error: class, interface, or enum expected
					ctx.fillRect(100,400,100,100);<!--3-->
					                              ^
Main.java:26: error: class, interface, or enum expected
					ctx.fillRect(400,400,100,100);<!--FREE-->
					^
Main.java:26: error: class, interface, or enum expected
					ctx.fillRect(400,400,100,100);<!--FREE-->
					                              ^
Main.java:28: error: class, interface, or enum expected
					ctx.fillRect(700,400,100,100);
					^
Main.java:30: error: class, interface, or enum expected
					ctx.fillRect(100,550,100,100);<!--4-->
					^
Main.java:30: error: class, interface, or enum expected
					ctx.fillRect(100,550,100,100);<!--4-->
					                              ^
Main.java:32: error: class, interface, or enum expected
					ctx.fillRect(400,550,100,100);
					^
Main.java:33: error: class, interface, or enum expected
					ctx.fillRect(550,550,100,100);
					^
Main.java:34: error: class, interface, or enum expected
					ctx.fillRect(700,550,100,100);
					^
Main.java:36: error: class, interface, or enum expected
					ctx.fillRect(100,700,100,100);<!--5-->
					^
Main.java:36: error: class, interface, or enum expected
					ctx.fillRect(100,700,100,100);<!--5-->
					                              ^
Main.java:38: error: class, interface, or enum expected
					ctx.fillRect(400,700,100,100);
					^
Main.java:39: error: class, interface, or enum expected
					ctx.fillRect(550,700,100,100);
					^
Main.java:40: error: class, interface, or enum expected
					ctx.fillRect(700,700,100,100);
					^
Main.java:42: error: class, interface, or enum expected
					ctx.fillRect(100,100,50,50);
					^
Main.java:43: error: class, interface, or enum expected
                    ctx.clearRect(0,0,0,0);
                    ^
Main.java:45: error: class, interface, or enum expected
                }
                ^
Main.java:49: error: illegal character: '#'
        #sample {
        ^
Main.java:50: error: illegal character: '#'
            background: #fff;
                        ^
Main.java:51: error: class, interface, or enum expected
        }
        ^
38 errors
stdout
Standard output is empty