Question

How to draw and fill green square on canvas with fillStyle() and fillRect() in JavaScript

Answer 1

<canvas id="canvas"></canvas>

<script type="text/JavaScript">   

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

ctx.fillStyle = "rgb(0, 220, 0)";  
ctx.fillRect(30, 30, 80, 80);
 
/*
run:  
    
   
*/
  
</script>

 

 

70+ SQL courses for beginners and professionals