Question

How to draw points on canvas in JavaScript

Answer 1

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

<script type="text/JavaScript">   
           
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

ctx.fillStyle = 'blue';
ctx.fillRect(30, 20, 3, 3)

ctx.fillStyle = 'blue';
ctx.fillRect(30, 30, 3, 3)

ctx.fillStyle = 'blue';
ctx.fillRect(40, 30, 3, 3)

ctx.fillStyle = 'red';
ctx.fillRect(70, 70, 2, 2)

ctx.fillStyle = 'red';
ctx.fillRect(80, 70, 1, 1)

</script>

 

70+ SQL courses for beginners and professionals