Question

How to draw a line on the canvas with square line cap in JavaScript

Answer 1

<canvas id="canvas"></canvas

<script type="text/JavaScript">   

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

ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineWidth = 17;
ctx.lineCap = "square";
ctx.lineTo(120, 120);
ctx.stroke();

/*
run:  
    
   
*/
  
</script>

 

70+ SQL courses for beginners and professionals