@thi.ng/hiccup-canvas/line.js

Hiccup shape tree renderer for vanilla Canvas 2D contexts

const line = (ctx, attribs, a, b) => {
  if (attribs.stroke === "none") return;
  ctx.beginPath();
  ctx.moveTo(a[0], a[1]);
  ctx.lineTo(b[0], b[1]);
  ctx.stroke();
};
const lines = (ctx, attribs, pairs) => {
  if (attribs.stroke === "none") return;
  ctx.beginPath();
  for (const { 0: a, 1: b } of pairs) {
    ctx.moveTo(a[0], a[1]);
    ctx.lineTo(b[0], b[1]);
  }
  ctx.stroke();
};
export {
  line,
  lines
};