canvas make flag

canvas make flag

by Kabir Hossain

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<div class="main">
  <canvas class="rect"></canvas>  
  <canvas class="canvas"></canvas>
</div>

CSS

.canvas{
  
}

JavaScript

$(function(){    
    const rect = document.querySelector('.rect');
    const ctx = rect.getContext('2d');
    ctx.beginPath();
    ctx.rect(10, 10, 150, 100);
    ctx.fillStyle = "green";
    ctx.fill()
    
    
    ctx.beginPath();
    ctx.arc(80,60,35,0,2*Math.PI);
    ctx.fillStyle = "red";
    ctx.fill();
    
    ctx.beginPath();
    ctx.rect(10,10,5,480);
    ctx.fillStyle = 'gray';
    ctx.fill();
    
    
    const canvas = document.querySelector('.canvas');
    const context = canvas.getContext('2d');
    context.fillRect(0,0,70,50);
});