how to draw horizontal line in canvas

Solutions on MaxInterview for how to draw horizontal line in canvas by the best coders in the world

Search
showing results for - "how to draw horizontal line in canvas"
Alex
11 Apr 2016
1const canvas = document.querySelector('.main-canvas');
2const ctx = canvas.getContext('2d');
3
4let lineWidth = 33;
5let totalWidth = canvas.width;
6let middle = canvas.width / 2;
7
8ctx.beginPath();
9ctx.moveTo(0, middle);
10ctx.lineTo(totalWidth, middle);
11ctx.stroke();
source
similar questions
html draw line divmake circle html canvashow to draw line in canvas jscanvas set line opacitydraw border on canvasjavascript canvas 1px linehow to draw a horizontal line in javascriptjavascript draw circle on canvascanvas change line colorhow to make lines glow canvascanvas rounded cornersjs canvas line end
queries leading to this page
canvas draw linehtml5 draw linejavascript canvas horizontal line poorjavascript canvas horizontal linedraw endline on canvascanvas draw horizontal linehow to draw line in html without canvasdraw a line canvashow to draw line across canvas javascripthtml canvas draw linedraw line html canvasdraw lines in canvas html5draw a line on canvas javascripthow to draw horizontal line in canvashow to draw a line on html5 canvasdraw lines canvas jsdraw end line in canvscanvas create horizontal linecanvas horizontal linehorizontal line canvascanvas horizontal line examplehow to draw line on canvashtml draw line canvashow to draw horizontal line in canvas