Drawing a poly-line on an HTML5 canvas

by seatsio

HTML

<canvas></canvas>

JavaScript

var canvas = document.querySelector('canvas'),
    ctx = canvas.getContext('2d');

ctx.lineWidth = 1.5;
ctx.strokeStyle = 'red';

ctx.beginPath();
ctx.lineTo(0, 0);
ctx.lineTo(10, 0);
ctx.stroke();