Creating multiple sub-pathsSection

by Bytes1

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/moveTo -->

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

JavaScript

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

//ctx.beginPath();
ctx.
ctx.moveTo(50, 50);   // Begin first sub-path
ctx.lineTo(200, 50);
ctx.moveTo(50, 90);   // Begin second sub-path
ctx.lineTo(280, 120);

ctx.moveTo(70, 160);   // Begin second sub-path
ctx.lineTo(280, 20);

ctx.stroke();